:root {
    --primary-pink: #DC698B;
    --primary-blue: #023B64;
    --primary-yellow: #F09E32;
    --primary-purple: #B5121B;
    --primary-green: #71C8B1;
    --black: #424242;
    --white: #ffffff;
    --pink-pastel: #FAE7E6;
    --blue-pastel: #Eaeef6;
    --yellow-pastel: #F6E6D2;
    --purple-pastel: #f8f0F6;
    --green-pastel: #f1f7f6;
    --grey-pastel: #f3f3f3;
    --grey: #707070;
    --grey-med: #e7e7e7;
    --red: #ee2f2f;
    --red-pastel: #ffe0e0;
}
:root {
    --outer-radius: 0.54687rem;
    --inner-radius: 0.27344rem;
    --tiny-radius: 0.10937rem;
}

.container { 
    max-width: unset; /* container removed to let portal expand to full screen */
}

.fill-pacey-pink { background-color: var(--primary-pink)!important; }
.fill-pacey-blue { background-color: var(--primary-blue)!important; }
.fill-pacey-yellow, .fill-pacey-orange { background-color: var(--primary-yellow)!important; }
.fill-pacey-purple { background-color: var(--primary-purple)!important; }
.fill-pacey-green { background-color: var(--primary-green)!important; }
.fill-pacey-orange { background-color: var(--primary-yellow)!important; }
.fill-pacey-red { background-color: var(--primary-red)!important; }

.tns-outer {
    padding: 0 !important;
}
.tns-outer [hidden] {
    display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer;
}
.tns-slider {
    transition: all 0s;
}
.tns-slider > .tns-item {
    box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
    white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
    content: "";
    display: table;
    clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
    float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
    margin-right: -100%;
}
.tns-no-calc {
    position: relative;
    left: 0;
}
.tns-gallery {
    position: relative;
    left: 0;
    min-height: 0.05469rem;
}
.tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
    position: relative;
    left: auto !important;
}
.tns-gallery > .tns-moving {
    transition: all 0.25s;
}
.tns-autowidth {
    display: inline-block;
}
.tns-lazy-img {
    transition: opacity 0.6s;
    opacity: 0.6;
}
.tns-lazy-img.tns-complete {
    opacity: 1;
}
.tns-ah {
    transition: height 0s;
}
.tns-ovh {
    overflow: hidden;
}
.tns-visually-hidden {
    position: absolute;
    left: -10000em;
}
.tns-transparent {
    opacity: 0;
    visibility: hidden;
}
.tns-fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0;
}
.tns-normal,
.tns-fadeOut {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
}
.tns-vpfix {
    white-space: nowrap;
}
.tns-vpfix > div,
.tns-vpfix > li {
    display: inline-block;
}
.tns-t-subp2 {
    margin: 0 auto;
    width: 16.95305rem;
    position: relative;
    height: 0.54687rem;
    overflow: hidden;
}
.tns-t-ct {
    width: 2333.33333%;
    width: calc(100% * 70 / 3);
    position: absolute;
    right: 0;
}
.tns-t-ct:after {
    content: "";
    display: table;
    clear: both;
}
.tns-t-ct > div {
    width: 1.42857%;
    width: calc(100% / 70);
    height: 0.54687rem;
    float: left;
}

.sr-only,
.mp-que-step__answer-list.mp-que-step__answer-list li .answerInput {
    border: 0;
    clip: rect(0 0 0 0);
    height: 0.05469rem;
    margin: -0.05469rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0.05469rem;
}
.sr-only.focusable:active,
.mp-que-step__answer-list.mp-que-step__answer-list li .focusable.answerInput:active,
.sr-only.focusable:focus,
.mp-que-step__answer-list.mp-que-step__answer-list li .focusable.answerInput:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.img--full {
    width: 100%;
}
.text-center {
    text-align: center;
}
.full-width {
    width: 100%;
}
.mp-back-link {
    display: flex;
    align-items: center;
    color: var(--default-color);
    flex-direction: row;
    margin-bottom: 1.31249rem;
    text-decoration: none;
}
.mp-back-link:focus,
.mp-back-link:hover {
    color: var(--theme-color);
    text-decoration: underline;
}
.mp-back-link__icon {
    display: inline-block;
    color: var(--theme-color);
    height: 0.4375rem;
    margin-right: 0.54687rem;
    width: 0.60156rem;
}
.mp-back-link__text {
    display: inline-block;
    font-size: 0.76562rem;
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 0.92968rem;
}
.mp-btn {
    letter-spacing: -0.05em;
    font-weight: 400;
    border: 1px solid #424242;
    border-radius: 5px;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    cursor: pointer;
    overflow: hidden;
}
.mp-btn--primary {
    display: inline-block;
    padding: 0;
}
.mp-btn--primary:hover .mp-btn__text {
    background-color: #fff;
    color: #424242;
}
.mp-btn--primary .mp-btn__text {
    transition: background-color 0.3s, color 0.3s;
    padding: 0.32812rem 0.54687rem;
    background-color: #424242;
    color: #fff;
    display: inline-block;
    width: 100%;
}
.mp-btn--primary input.mp-btn__text {
    border-radius: 0;
    border: none;
}
@media (max-width: 47.9275em) {
    .mp-btn--primary.FindAddressButton {
        margin-bottom: 0.54687rem;
    }
}
.mp-btn--secondary {
    display: inline-block;
    padding: 0;
}
.mp-btn--secondary:hover .mp-btn__text {
    background-color: #424242;
    color: #fff;
}
.mp-btn--secondary .mp-btn__text {
    transition: background-color 0.3s, color 0.3s;
    padding: 0.32812rem 0.54687rem;
    background-color: #fff;
    color: #424242;
    display: inline-block;
    width: 100%;
}
.mp-btn--secondary input.mp-btn__text {
    border-radius: 0;
    border: none;
}
.mp-btn--themed {
    display: inline-block;
    padding: 0;
    border-color: var(--theme-color);
}
.mp-btn--themed:hover .mp-btn__text {
    background-color: var(--theme-color);
    color: #fff;
}
.mp-btn--themed .mp-btn__text {
    transition: background-color 0.3s, color 0.3s;
    padding: 0.32812rem 0.54687rem;
    background-color: #fff;
    color: var(--theme-color);
    display: inline-block;
    width: 100%;
}
.mp-btn--themed input.mp-btn__text {
    border-radius: 0;
    border: none;
}
.mp-btn--grey {
    padding: 0;
    display: inline-block;
    border-color: var(--grey);
}
.mp-btn--grey:hover .mp-btn__text {
    background-color: var(--white);
    color: var(--grey);
}
.mp-btn--grey .mp-btn__text {
    text-align: center;
    width: 100%;
    background-color: var(--grey);
    transition: background-color 0.3s, color 0.3s;
    padding: 0.4375rem 0.54687rem;
    color: var(--white);
    display: inline-block;
}
.mp-btn--icon {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    max-width: 20.01553rem;
    width: 100%;
    padding: 1.09374rem 0.98437rem;
    display: inline-flex;
    text-align: left;
    align-items: center;
    transition: border 0.3s;
    margin-bottom: 0.54687rem;
    text-decoration: none;
}
@media (max-width: 47.9275em) {
    .mp-btn--icon {
        width: 100%;
        max-width: none;
        padding: 0.65625rem;
    }
}
@media (max-width: 47.9275em) {
    .quick-links__link .mp-btn--icon {
        padding-left: 0;
    }
}
.mp-btn--icon:hover {
    border: 1px solid var(--theme-color);
}
.mp-btn--icon:hover .mp-btn__text {
    text-decoration: underline;
}
.mp-btn--icon:hover .mp-btn__icon-arrow {
    stroke: var(--theme-color);
    color: var(--theme-color);
}
.mp-btn--icon .mp-btn__text {
    padding: 0 0.54687rem;
    flex: 1 1 auto;
    color: var(--black);
}
.mp-btn--icon .mp-btn__icon {
    fill: none;
    stroke: var(--theme-color);
    color: var(--theme-color);
    min-width: 1.09374rem;
}
.mp-btn--icon .mp-btn__icon-arrow {
    fill: none;
    stroke: #424242;
    transition: stroke 0.3s;
}
.card {
    background-color: var(--contrast-color);
    border-radius: 10px;
    overflow: hidden;
    transition: background-color 0.3s;
    display: block;
    text-decoration: none;
    margin-bottom: 1.09374rem;

    display: flex;
    flex-direction: column;
}
.card.paint-swipe svg {
    stroke: none;
    fill: var(--theme-color);
}
.card.card-hover,
.card:hover {
    background-color: var(--pastel-color);
}
.card.card-hover .card__top,
.card:hover .card__top {
    border-color: var(--theme-color);
}
.card .card-icon-svg {
    stroke: var(--theme-color);
    color: var(--theme-color);
    width: 1.09374rem;
    height: 1.09374rem;
}

.card__inner {
    display: flex;
    flex-direction: column;
    flex: 1;
}

@media (max-width: 640px) {
    .card__inner {
        flex-direction: row;
    }
}

.card__top {
    padding: 1.36718rem 1.09374rem;
    border: 1px solid var(--contrast-color);
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    transition: border-color 0.3s;
    flex-grow: 1;
    display: flex;
    align-items: center;
    text-align: center;
}
@media (max-width: 640px) {
    .card__top {
        border: 1px solid var(--contrast-color);
        border-right: none;
        border-radius: 10px 0px 0px 10px;
        /*order: 2;*/
        flex: 1 0 50%;
    }
}
.card__title {
    margin-top: 0;
    width: 100%;
    color: var(--default-color);
}
@media (max-width: 640px) {
    .card__media {
        /*order: 1;*/
        flex: 1 0 50%;
    }
}
.card__media img {
    width: 100%;
    height: 7.10934rem;
    object-fit: cover;
}
@media (max-width: 640px) {
    .card__media img {
        height: 100%;
    }
}
.carousel-control-btn {
    border: none;
    background-color: var(--black);
    border-radius: 50%;
    padding: 0;
    width: 1.85937rem;
    height: 1.85937rem;
    display: flex;
    position: absolute;
    top: 50%;
    left: -0.92968rem;
    transform: translateY(-50%);
    cursor: pointer;
}
.carousel-control-btn--next {
    left: auto;
    right: -0.92968rem;
}
.carousel-control-btn--next .carousel-control-btn__icon-svg {
    transform: scaleX(-1);
}
.carousel-control-btn__icon-svg {
    stroke: var(--white);
    width: 0.32812rem;
    height: 0.71093rem;
    margin: auto;
}
.mp-faqs-list {
    padding: 2.95311rem 0.875rem 2.95311rem 0.875rem;
}
@media (min-width: 62em) {
    .mp-faqs-list {
        padding: 2.95311rem 5.24998rem 2.95311rem 3.49998rem;
    }
}
.mp-faqs-list__title-container {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 2.07812rem;
}
.mp-layout .mp-faqs-list__title {
    font-size: 1.74999rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 2.1328rem;
    margin-bottom: 0;
}
.mp-layout .mp-faqs-list__subtitle {
    color: var(--theme-color);
    font-size: 0.76562rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 0.92968rem;
    margin-bottom: 0.4375rem;
}
.mp-faqs-list__filters {
    display: flex;
    flex-direction: row;
    margin: 0 -0.32812rem;
    margin-bottom: 2.07812rem;
    padding: 0.21875rem 0;
    overflow-x: auto;
}
.mp-faqs-list__filters::-webkit-scrollbar {
    height: 0.32812rem;
    width: 0.32812rem;
}
.mp-faqs-list__filters::-webkit-scrollbar-thumb {
    background-color: var(--default-color);
}
.mp-faqs-list__filter {
    display: inline-block;
    background: var(--constrast-color);
    border: 1px solid var(--default-color);
    border-radius: 14px;
    color: var(--default-color);
    font-size: 0.54687rem;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 0.65625rem;
    margin: 0 0.32812rem;
    padding: 0.4375rem 0.65625rem;
    text-transform: uppercase;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
    will-change: transform;
}
.mp-faqs-list__filter:focus {
    outline-offset: 0.16406rem;
    outline-style: dashed;
    outline-width: thin;
}
.mp-faqs-list__filter:focus,
.mp-faqs-list__filter:hover,
.mp-faqs-list__filter.is-active {
    background: var(--default-color);
    color: var(--contrast-color);
}
.mp-faqs-list__items {
    display: none;
}
.mp-faqs-list__items.is-active {
    display: block;
}
.mp-faqs-list__items > hr {
    background: #3c3c3c;
    border: 0;
    height: 0.05469rem;
    margin: 0.54687rem 0;
    padding: 0;
}
.mp-faqs-list__item {
    border-radius: 5px;
    padding: 0.875rem 0.65625rem 0.875rem 0.54687rem;
}
@media (min-width: 62em) {
    .mp-faqs-list__item {
        padding: 0.875rem 0.65625rem 0.875rem 0.54687rem;
    }
}
.mp-layout .mp-faqs-list__item-title {
    position: relative;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.03906rem;
    margin: 0 0 0.98437rem;
    padding-right: 1.31249rem;
    transform: translate3d(0, 0.49219rem, 0);
    transition: transform 0.3s ease-out;
}
.mp-layout .mp-faqs-list__item-title:focus {
    outline: auto;
    outline-offset: 0.21875rem;
}
.mp-layout .mp-faqs-list__item-title:focus,
.mp-layout .mp-faqs-list__item-title:hover {
    text-decoration: underline;
}
.mp-faqs-list__item-arrow {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--theme-color);
    transform: rotate(0deg);
    transition: transform 0.3s ease-out;
}
.mp-layout .mp-faqs-list__item-content {
    --height: 0;
    border-left: 2px solid var(--theme-color);
    font-size: 0.76562rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.09374rem;
    margin: 0 0 0 0.4375rem;
    max-height: 0;
    overflow: hidden;
    padding: 0 1.85937rem 0 0.98437rem;
    transition: max-height 0.3s ease-out;
}
.mp-faqs-list__item.is-active {
    background: var(--grey-pastel);
}
.mp-faqs-list__item.is-active .mp-faqs-list__item-title {
    transform: translate3d(0, 0, 0);
}
.mp-faqs-list__item.is-active .mp-faqs-list__item-arrow {
    transform: rotate(180deg);
}
.mp-faqs-list__item.is-active .mp-faqs-list__item-content {
    max-height: var(--height);
}
.mp-file-download {
    display: flex;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    flex-direction: row;
    max-width: 29.74986rem;
    padding: 0.875rem;
}
.mp-file-download__icon-container {
    display: inline-flex;
    align-items: center;
    background: var(--pastel-color);
    border-radius: 5px;
    color: var(--theme-color);
    flex: 0 0 3.0078rem;
    height: 3.0078rem;
    justify-content: center;
    margin-right: 0.875rem;
    width: 3.0078rem;
}
.mp-file-download__icon {
    display: block;
    height: 1.20312rem;
    width: 1.20312rem;
}
.mp-layout .mp-file-download__title {
    color: var(--theme-color);
    font-size: 0.76562rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 0.92968rem;
    margin-bottom: 0.10937rem;
}
.mp-layout .mp-file-download__subtitle {
    color: var(--default-color);
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.03906rem;
    margin-bottom: 0;
}
.mp-file-download__cta {
    margin: auto;
    margin-right: 0;
}
.mp-file-download__cta > .mp-btn {
    display: block;
}
.mp-dropdown {
    position: relative;
    display: inline-block;
    margin-left: 0.54687rem;
}
.mp-dropdown:first-child {
    margin-left: 0;
}
@media (min-width: 48em) {
    .mp-dropdown:first-child {
        margin-left: 0.54687rem;
    }
}
.mp-dropdown__title {
    border-top: 1px solid transparent;
    background-color: #fff;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    padding: 0.27344rem 0.54687rem 0.32812rem;
    border-radius: 3px;
    cursor: pointer;
}
.mp-dropdown__title.is-active {
    border-top: 1px solid #0a6db5;
}
.mp-dropdown__title.is-active svg {
    transform: rotate(-180deg);
}
.mp-dropdown__title svg {
    color: #0a6db5;
    margin: 0 0 0 0.54687rem;
    width: 0.38281rem;
    height: 0.21875rem;
    vertical-align: middle;
    transform: translateY(-0.05469rem);
    transition: transform 0.3s;
}
.mp-dropdown__box {
    position: absolute;
    padding: 0.27344rem 0;
    background-color: #f3f3f3;
    border-radius: 3px;
    min-width: 12.30463rem;
    z-index: 2;
    box-shadow: 0.05469rem 0.05469rem 0.27344rem 0 rgba(0, 0, 0, 0.5);
}
.mp-dropdown--position-right .mp-dropdown__box {
    right: 0;
}
.mp-dropdown__header {
    background-color: #fff;
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.65625rem 0.4375rem;
}
.mp-dropdown__header span {
    font-size: 0.65625rem;
    line-height: 0.82031rem;
}
.mp-dropdown__clear-btn {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.60156rem;
    line-height: 0.71093rem;
    border-radius: 2px;
    background-color: transparent;
    border: 1px solid #424242;
    padding: 0.21875rem 0.54687rem;
}
.mp-dropdown__options {
    padding: 0.4375rem 0.38281rem 0.16406rem;
}
.mp-dropdown__option {
    display: flex;
    background-color: #fff;
    border-radius: 2px;
    padding: 0.4375rem 0.65625rem;
    margin-bottom: 0.27344rem;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    cursor: pointer;
}
.mp-dropdown__option:last-child {
    margin-bottom: 0;
}
.mp-dropdown__option:hover {
    background-color: #0a6db5;
    color: #fff;
}
.mp-dropdown__option:hover .mp-dropdown__option-box {
    border-color: #fff;
}
.mp-dropdown__option:hover .mp-dropdown__option-box svg {
    color: #fff;
}
.mp-dropdown__option-selected {
    display: flex;
    background-color: #fff;
    border-radius: 2px;
    padding: 0.4375rem 0.65625rem;
    margin-bottom: 0.27344rem;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    cursor: pointer;
}
.mp-dropdown__option-selected:last-child {
    margin-bottom: 0;
}
.mp-dropdown__option-selected:hover {
    background-color: #0a6db5;
    color: #fff;
}
.mp-dropdown__option-selected:hover .mp-dropdown__option-box {
    border-color: #fff;
}
.mp-dropdown__option-selected:hover .mp-dropdown__option-box svg {
    color: #fff;
}
.mp-dropdown__option-box {
    width: 0.92968rem;
    height: 0.92968rem;
    display: inline-grid;
    align-items: center;
    justify-items: center;
    border: 1px solid #424242;
    margin-right: 0.27344rem;
}
.mp-dropdown__option-box svg {
    opacity: 0;
    color: #424242;
}
.mp-dropdown__option-selected .mp-dropdown__option-box svg {
    opacity: 1;
}
.mp-main .editProfileForm h4,
.mp-main .PasswordPanel h4 {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
}
.mp-main .editProfileForm label,
.mp-main .PasswordPanel label {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    margin-bottom: 0.4375rem;
}
.mp-main .editProfileForm input[type="number"],
.mp-main .editProfileForm input[type="password"],
.mp-main .editProfileForm input[type="text"],
.mp-main .editProfileForm input[type="url"],
.mp-main .editProfileForm textarea,
.mp-main .editProfileForm select,
.mp-main .editProfileForm .infoField,
.mp-main .PasswordPanel input[type="number"],
.mp-main .PasswordPanel input[type="password"],
.mp-main .PasswordPanel input[type="text"],
.mp-main .PasswordPanel input[type="url"],
.mp-main .PasswordPanel textarea,
.mp-main .PasswordPanel select,
.mp-main .PasswordPanel .infoField {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    margin-bottom: 0.98437rem;
    border: 1px solid var(--black);
    border-radius: 0;
    padding: 0.65625rem 0.54687rem;
    width: 100%;
}
@media (min-width: 48em) {
    .mp-main .editProfileForm input[type="number"],
    .mp-main .editProfileForm input[type="password"],
    .mp-main .editProfileForm input[type="text"],
    .mp-main .editProfileForm input[type="url"],
    .mp-main .editProfileForm textarea,
    .mp-main .editProfileForm select,
    .mp-main .editProfileForm .infoField,
    .mp-main .PasswordPanel input[type="number"],
    .mp-main .PasswordPanel input[type="password"],
    .mp-main .PasswordPanel input[type="text"],
    .mp-main .PasswordPanel input[type="url"],
    .mp-main .PasswordPanel textarea,
    .mp-main .PasswordPanel select,
    .mp-main .PasswordPanel .infoField {
        width: 50%;
    }
}
.mp-main .editProfileForm .error input[type="number"],
.mp-main .editProfileForm .error input[type="password"],
.mp-main .editProfileForm .error input[type="text"],
.mp-main .editProfileForm .error input[type="url"],
.mp-main .PasswordPanel .error input[type="number"],
.mp-main .PasswordPanel .error input[type="password"],
.mp-main .PasswordPanel .error input[type="text"],
.mp-main .PasswordPanel .error input[type="url"] {
    border: 1px solid red !important;
}
.mp-main .editProfileForm .error .validateError,
.mp-main .PasswordPanel .error .validateError {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.65625rem;
    line-height: 0.82031rem;
    max-width: 21.21865rem;
    text-align: right;
    transform: translateY(-0.82031rem);
    display: block !important;
}
.mp-main .editProfileForm .error .error-icon,
.mp-main .PasswordPanel .error .error-icon {
    display: block;
    color: red;
}
.mp-main .editProfileForm .error__holder,
.mp-main .PasswordPanel .error__holder {
    position: relative;
}
.mp-main .editProfileForm .error-icon,
.mp-main .PasswordPanel .error-icon {
    display: none;
    position: absolute;
    top: 0.82031rem;
    right: 2%;
}
@media (min-width: 48em) {
    .mp-main .editProfileForm .error-icon,
    .mp-main .PasswordPanel .error-icon {
        right: 52%;
    }
}
.mp-main .editProfileForm .infoField,
.mp-main .PasswordPanel .infoField {
    border: none;
    display: block;
    background-color: var(--grey-pastel);
}
.mp-main .mp-btn--grey {
    width: 100%;
}
@media (min-width: 48em) {
    .mp-main .mp-btn--grey {
        width: 50%;
    }
}
.mp-main .PasswordPanel .password-strength-text {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    color: var(--primary-pink);
    display: inline-block;
}
.mp-main .PasswordPanel .password-strength-text span {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed;
}
.mp-main .PasswordPanel .form-control-error {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    display: block;
    background-color: transparent;
    color: red;
}
.mp-main .PasswordPanel .passw-strength-indicator {
    display: none;
}
.mp-main .PasswordPanel .pword-error-msg {
    width: 50%;
    text-align: right;
    transform: translateY(-0.82031rem);
}
.mp-main .PasswordPanel .form-group-submit input[type="submit"] {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    border-color: var(--grey);
    background-color: var(--grey);
    color: var(--white);
    width: 100%;
    padding: 0.4375rem 0.54687rem;
    transition: background-color 0.3s, color 0.3s;
}
@media (min-width: 48em) {
    .mp-main .PasswordPanel .form-group-submit input[type="submit"] {
        width: 50%;
    }
}
.mp-main .PasswordPanel .form-group-submit input[type="submit"]:hover {
    background-color: var(--white);
    color: var(--grey);
}
.mp-form hr {
    height: 0.05469rem;
    background-color: transparent;
    border-color: var(--grey-pastel);
    margin-top: 1.64062rem;
}
.mp-form h4 {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
}
.mp-form label {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    margin-bottom: 0.4375rem;
}
.mp-form input[type="number"].form-control,
.mp-form input[type="password"].form-control,
.mp-form input[type="text"].form-control,
.mp-form input[type="url"].form-control,
.mp-form textarea.form-control,
.mp-form select.form-control,
.mp-form .infoField.form-control {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    margin-bottom: 0.98437rem;
    border: 1px solid var(--black);
    border-radius: 0;
    padding: 0.65625rem 0.54687rem;
    width: 100%;
    height: auto;
}
.mp-form .form-control-feedback {
    top: 0.21875rem;
}
.mp-form .date-input-group input.form-control {
    width: 3.11717rem;
    margin-right: 0.27344rem;
    display: inline-block;
}
.mp-form .date-input-group input.form-control:last-child {
    width: 3.93748rem;
    margin-right: 0;
}
.mp-form .btn-info {
    background-color: var(--primary-pink);
    border-color: var(--primary-pink);
}
.mp-form .btn-info:hover {
    background-color: var(--primary-pink);
    border-color: var(--primary-pink);
}
.mp-form .btn-info .text-info {
    color: var(--white);
}
.mp-form .btn-info.active {
    background-color: var(--black);
}
.mp-form .btn-danger {
    background-color: var(--primary-blue);
    border-color: var(--primary-blue);
}
.mp-form .btn-danger:hover {
    background-color: var(--primary-blue);
    border-color: var(--primary-blue);
}
.mp-form .btn-success {
    background-color: var(--black);
    border-color: var(--black);
}
.mp-form .btn-success:hover {
    background-color: var(--black);
    border-color: var(--black);
}
.mp-form .button-included {
    position: relative;
    display: block;
}
.mp-form .button-included .btn--form-mp {
    position: absolute;
    top: 0.32812rem;
    right: 0.32812rem;
    width: 1.64062rem;
    height: 1.64062rem;
    background-color: var(--pink-pastel);
    border: none;
    padding: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mp-form .button-included .btn--form-mp > i {
    margin-top: 0;
    color: var(--primary-pink);
}
.mp-form .address-finder .table-hover tbody tr:hover td,
.mp-form .address-finder .table-hover tbody tr:hover th {
    background-color: var(--black);
}
.mp-form .sub-label-text {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.65625rem;
    line-height: 0.98437rem;
    position: relative;
    transform: translateY(-0.54687rem);
}
.mp-form .privacy-section {
    padding-top: 1.36718rem;
    border-top: 1px solid var(--grey-med);
    border-bottom: 1px solid var(--grey-med);
}
.mp-form .input-holder {
    position: relative;
}
.mp-form .input-holder .input-icon {
    display: flex;
    width: 1.64062rem;
    height: 1.64062rem;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    position: absolute;
    top: 0.32812rem;
    right: 0.32812rem;
    background-color: var(--red-pastel);
    opacity: 0;
}
.mp-form .input-holder .input-icon svg {
    color: var(--red);
}
.mp-form .input-holder .input-icon.input-icon--success {
    background-color: var(--green-pastel);
}
.mp-form .input-holder .input-icon.input-icon--success svg {
    color: var(--primary-green);
}
.mp-form .has-feedback label ~ .form-control-feedback {
    bottom: 0.21875rem !important;
}
.mp-form .has-success .control-label {
    color: var(--black);
}
.mp-form .has-success .form-control-feedback {
    color: var(--primary-green);
}
.mp-form .has-success select {
    border-color: var(--primary-green);
}
.mp-form .has-success input[type="text"].form-control {
    border-color: var(--primary-green);
}
.mp-form .has-success .input-holder input {
    border-color: var(--primary-green);
}
.mp-form .has-success .input-holder .input-icon {
    opacity: 1;
}
.mp-form .has-error .control-label {
    color: var(--black);
}
.mp-form .has-error .form-control-feedback {
    color: var(--red);
}
.mp-form .has-error input[type="text"].form-control {
    border-color: var(--red);
}
.mp-form .has-error .input-holder input {
    border-color: var(--red);
}
.mp-form .has-error .input-holder .input-icon {
    opacity: 1;
}
.mp-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.mp-radio input[type="radio"]:checked + .mp-radio__label:after {
    opacity: 1;
}
.mp-radio .mp-radio__label {
    letter-spacing: -0.05em;
    font-weight: 400;
    padding-left: 1.64062rem;
    position: relative;
    font-size: 0.82031rem;
    line-height: 1.09374rem;
}
.mp-radio .mp-radio__label:before {
    content: "";
    position: absolute;
    left: 0;
    width: 1.09374rem;
    height: 1.09374rem;
    border: 1px solid var(--black);
    border-radius: 50%;
}
.mp-radio .mp-radio__label:after {
    content: "";
    position: absolute;
    left: 0.16406rem;
    top: 0.16406rem;
    opacity: 0;
    width: 0.76562rem;
    height: 0.76562rem;
    border-radius: 50%;
    background-color: var(--black);
    z-index: 1;
}
.mp-checkbox {
    margin-bottom: 1.09374rem;
}
.mp-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.mp-checkbox input[type="checkbox"]:checked + .mp-checkbox__label:after {
    opacity: 1;
}
.mp-checkbox input[type="checkbox"]:disabled + .mp-checkbox__label:before {
    background-color: var(--grey-med);
    border-color: var(--grey-med);
}
.mp-checkbox input[type="checkbox"]:disabled + .mp-checkbox__label:after {
    opacity: 0.5;
}
.mp-checkbox .mp-checkbox__label {
    letter-spacing: -0.05em;
    font-weight: 400;
    padding-left: 2.73436rem;
    position: relative;
    font-size: 0.82031rem;
    line-height: 1.09374rem;
}
.mp-checkbox .mp-checkbox__label:before {
    content: "";
    position: absolute;
    left: 0;
    width: 1.64062rem;
    height: 1.64062rem;
    border: 1px solid var(--black);
}
.mp-checkbox .mp-checkbox__label:after {
    content: url("/SiteFiles/src/img/icons/icon-tick-pink.svg");
    position: absolute;
    left: 0.4375rem;
    top: 0.32812rem;
    opacity: 0;
    z-index: 1;
}
.mp-form-grid {
    margin-bottom: 1.09374rem;
}
@media (min-width: 62em) {
    .mp-form-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 0.76562rem;
        align-items: center;
    }
}
.mp-submit-area .mp-submit-btn {
    border: 1px solid var(--black);
    background-color: var(--black);
    color: var(--white);
}
.mp-submit-area .mp-submit-btn:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.mp-submit-area .mp-submit-btn:hover {
    background-color: var(--white);
    color: var(--black);
}
.mp-submit-area__update {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    text-align: center;
    display: block;
    margin-top: 0.4375rem;
}
@media (min-width: 62em) {
    .mp-submit-area__update {
        text-align: left;
        margin-top: 0;
    }
}
.mp-layout .form-horizontal {
    padding: 1.09374rem;
    background-color: var(--white);
    border-radius: var(--inner-radius);
    margin-bottom: 1.64062rem;
}
.mp-layout .ErrorLabel {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    background: var(--red-pastel);
    color: var(--red);
}
.mp-layout .editing-form-category-fields {
    max-width: 27.34362rem;
}
.mp-layout .editing-form-category-fields .editing-form-label-cell label,
.mp-layout .editing-form-category-fields .editing-form-label-cell .editing-form-label {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    margin-bottom: 0.27344rem;
    display: inline-block;
}
.mp-layout .editing-form-category-fields .editing-form-value-cell label {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
}
.mp-layout .editing-form-category-fields .editing-form-value-cell .explanation-text {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    transform: translateY(-1.36718rem);
}
.mp-layout .editing-form-category-fields .editing-form-control-nested-control {
    margin-bottom: 1.09374rem;
    display: flex;
}
.mp-layout .editing-form-category-fields .editing-form-control-nested-control input[type="checkbox"],
.mp-layout .editing-form-category-fields .editing-form-control-nested-control input[type="radio"] {
    margin-bottom: 0;
}
.mp-layout .editing-form-category-fields .editing-form-control-nested-control.Error {
    background: transparent;
    padding: 0;
    margin-top: 0;
}
.mp-layout .editing-form-category-fields .editing-form-control-nested-control.Error input,
.mp-layout .editing-form-category-fields .editing-form-control-nested-control.Error textarea,
.mp-layout .editing-form-category-fields .editing-form-control-nested-control.Error select {
    border-color: var(--red);
}
.mp-layout .editing-form-category-fields .EditingFormErrorLabel {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    background: transparent;
    color: var(--red);
    text-align: right;
    padding: 0;
    margin-top: 0;
    transform: translateY(-1.64062rem);
}
.mp-layout .editing-form-category-fields select {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    width: 100%;
}
.mp-layout .editing-form-category-fields input,
.mp-layout .editing-form-category-fields select,
.mp-layout .editing-form-category-fields textarea {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    border-color: var(--black);
    border-radius: 0;
    padding: 0.65625rem 0.27344rem;
    margin-bottom: 1.09374rem;
}
.mp-layout .editing-form-category-fields textarea {
    min-height: 5.46872rem;
}
.mp-layout .editing-form-category-fields .uploader input[type="file"] {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    border: 1px solid var(--black);
}
.mp-layout .editing-form-category-fields .date-time-picker {
    width: 100%;
    position: relative;
}
.mp-layout .editing-form-category-fields .date-time-picker .CalendarTextBox {
    width: 80%;
    display: inline-block;
    margin-right: 0.54687rem;
    padding-right: 3.28123rem;
}
.mp-layout .editing-form-category-fields .date-time-picker .btn {
    position: absolute;
    top: 0;
    right: 22%;
    color: var(--primary-pink);
    background-color: var(--pink-pastel);
    border-color: var(--pink-pastel);
    min-width: 0;
    padding-left: 0.27344rem;
    padding-right: 0.27344rem;
}
.mp-layout .editing-form-category-fields .date-time-picker .btn > i {
    margin-top: 0;
}
.mp-layout .editing-form-category-fields .date-time-picker .calendar-action {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    color: var(--primary-pink);
    background-color: var(--pink-pastel);
    border: 1px solid var(--pink-pastel);
    transition: background-color 0.3s;
    padding: 0.27344rem;
    border-radius: var(--inner-radius);
}
.mp-layout .editing-form-category-fields .date-time-picker .calendar-action:hover {
    background-color: var(--white);
}
.mp-layout .form-group-submit input[type="submit"] {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    color: var(--white);
    background-color: var(--grey);
    border: 1px solid var(--grey);
    max-width: 16.40617rem;
    transition: background-color 0.3s, color 0.3s;
    padding: 0.54687rem 0.82031rem;
}
.mp-layout .form-group-submit input[type="submit"]:hover {
    color: var(--grey);
    background-color: var(--white);
}
.datetime-ui-datepicker {
    background: var(--white);
    border-color: var(--black);
}
.datetime-ui-datepicker .datetime-ui-widget-header {
    background: var(--white);
}
.datetime-ui-datepicker .datetime-ui-datepicker-calendar tr {
    background: var(--white);
}
.datetime-ui-datepicker .datetime-ui-datepicker-calendar th {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
}
.datetime-ui-datepicker .datetime-ui-datepicker-calendar .datetime-ui-state-default {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    background: var(--white);
    color: var(--black);
}
.datetime-ui-datepicker .datetime-ui-datepicker-calendar .datetime-ui-state-default:hover {
    color: var(--primary-pink);
    border-color: var(--primary-pink);
}
.datetime-ui-datepicker .datetime-ui-datepicker-calendar .datetime-ui-state-default.datetime-ui-state-active {
    background: var(--pink-pastel);
    color: var(--primary-pink);
    border-color: var(--primary-pink);
}
.datetime-ui-datepicker .datetime-ui-datepicker-calendar .datetime-ui-state-default.datetime-ui-priority-secondary {
    background: var(--grey-med);
}
.datetime-ui-datepicker .action-buttons .btn {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    background-color: var(--black);
    color: var(--white);
    border: 1px solid var(--black);
}
.datetime-ui-datepicker .action-buttons .btn:hover {
    background-color: var(--white);
    color: var(--black);
}
.full-promo-carousel {
    position: relative;
    background-color: var(--white);
    border-radius: 10px;
}
.full-promo-carousel__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.full-promo-carousel__svg {
    fill: var(--theme-color);
    color: var(--theme-color);
    position: absolute;
    top: 30%;
    left: 0;
    transform: translate(-50%, -50%);
    width: 30.73423rem;
    height: 9.18746rem;
    opacity: 0.1;
}
@media (min-width: 62em) {
    .full-promo-carousel__svg {
        top: 70%;
        left: 0;
    }
}
.full-promo-carousel__grid {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 1.64062rem;
    column-gap: 1.09374rem;
}
@media (min-width: 62em) {
    .full-promo-carousel__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
.full-promo-carousel__media {
    display: grid;
    align-content: center;
    justify-content: center;
    height: 100%;
}
.full-promo-carousel__content-holder {
    padding: 1.64062rem;
}
.full-promo-carousel__tag {
    color: var(--theme-color);
    margin-bottom: 0.27344rem;
}
@media (max-width: 47.9275em) {
    .full-promo-carousel__carousel-controls .carousel-control-btn {
        top: 30%;
        left: 0;
        transform: translateY(0);
    }
}
@media (max-width: 47.9275em) {
    .full-promo-carousel__carousel-controls .carousel-control-btn--next {
        left: auto;
        right: 0;
    }
}
.full-promo {
    border: 1px solid var(--grey-pastel);
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    background-color: var(--white);
}
.full-promo__media {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.full-promo__inner {
    padding: 2.73436rem 5.46872rem;
    min-height: 14.54681rem;
    position: relative;
    z-index: 1;
}
@media (max-width: 47.9275em) {
    .full-promo__inner {
        padding: 2.46093rem 1.64062rem;
        min-height: none;
    }
}
.full-promo_tag {
    margin: 0;
    color: var(--theme-color);
}
.full-promo__title {
    margin-top: 0;
    margin-bottom: 0.82031rem;
}
html {
    color: #424242;
    min-height: 100%;
    box-sizing: border-box;
}
*,
*:after,
*:before {
    box-sizing: inherit;
}
ul,
ol,
p {
    margin: 0 0 0.875rem 0;
}
img {
    max-width: 100%;
    font-style: italic;
    vertical-align: middle;
}
@media (max-width: 47.9275em) {
    .mobile-hide {
        display: none;
    }
}
.mp-pagination ul {
    display: flex;
    align-items: center;
}
.mp-pagination .other-page {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-family: "Verdana", sans-serif;
    font-size: 0.65625rem;
    line-height: 0.82031rem;
    color: var(--black);
}
.mp-pagination .other-page a {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-family: "Verdana", sans-serif;
    font-size: 0.65625rem;
    line-height: 0.82031rem;
    color: var(--black);
}
.mp-pagination .pagination-spacer {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-family: "Verdana", sans-serif;
    font-size: 0.65625rem;
    line-height: 0.82031rem;
    padding: 0 0.16406rem;
}
.mp-pagination .current-page {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-family: "Verdana", sans-serif;
    font-size: 0.65625rem;
    line-height: 0.82031rem;
    color: var(--theme-color);
}
.mp-pagination .prev-page,
.mp-pagination .next-page {
    flex: 1 0 auto;
}
.mp-pagination .prev-page a,
.mp-pagination .next-page a {
    color: var(--black);
    letter-spacing: -0.05em;
    font-weight: 400;
    font-family: "Verdana", sans-serif;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
}
.mp-pagination .prev-page svg,
.mp-pagination .next-page svg {
    stroke: var(--theme-color);
    width: 0.32812rem;
    height: 0.54687rem;
}
.mp-pagination .prev-page {
    padding-right: 0.54687rem;
}
.mp-pagination .next-page {
    text-align: right;
    padding-left: 0.54687rem;
}
.mp-pagination .next-page svg {
    transform: scaleX(-1);
}
.mp-pagination .mp-pagination__disabled a {
    opacity: 0.5;
    cursor: not-allowed;
}
.list-star li {
    letter-spacing: -0.05em;
    padding: 0.54687rem 0 0.54687rem 1.14843rem;
    font-size: 0.76562rem;
}
.icon-svg {
    display: inline-block;
    vertical-align: top;
}
.mp-image-banner {
    position: relative;
}
.mp-image-banner__media {
    display: block;
    border-radius: 5px;
    width: 100%;
}
@media (min-width: 62em) {
    .mp-inner .mp-image-banner {
        margin: 0 -2.73436rem;
    }
}
.bootstrap .mp-join-form__section-title {
    letter-spacing: -0.05em;
    font-size: 0.875rem;
    line-height: 1.03906rem;
}
.bootstrap .panel-default {
    border-color: var(--grey-pastel);
}
.bootstrap .panel-default.panel-open {
    border-color: var(--pink-pastel);
}
.bootstrap .panel-group.mp-join-form hr {
    height: 0.05469rem;
    background-color: transparent;
    border-color: var(--grey-pastel);
    margin-top: 0;
}
.bootstrap .panel-group.mp-join-form .panel-heading {
    background-color: var(--grey-pastel);
}
.bootstrap .panel-group.mp-join-form .panel-title {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
    color: var(--black);
}
.bootstrap .panel-group.mp-join-form .panel-title .text-muted {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
    color: var(--black);
}
.bootstrap .panel-group.mp-join-form .panel-open .panel-heading {
    background-color: var(--primary-pink);
}
.bootstrap .panel-group.mp-join-form .panel-open .panel-title {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
    color: var(--white);
}
.bootstrap .panel-group.mp-join-form .panel-open .panel-title .text-muted {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
    color: var(--white);
}
.bootstrap .panel-group.mp-join-form .alert.alert-danger {
    letter-spacing: -0.05em;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
    background-color: var(--grey-pastel);
    color: var(--black);
    border: none;
    display: flex;
    flex-wrap: wrap;
}
.bootstrap .panel-group.mp-join-form .alert.alert-danger strong {
    font-size: 0.875rem;
    line-height: 1.03906rem;
}
.bootstrap .panel-group.mp-join-form .alert.alert-danger .btn-danger {
    border: 1px solid var(--black);
    background-color: var(--black);
    color: var(--white);
}
.bootstrap .panel-group.mp-join-form .alert.alert-danger .btn-danger:hover {
    background-color: var(--white);
    color: var(--black);
}
.bootstrap .panel-group.mp-join-form .alert-danger__content {
    flex: 1 0 auto;
}
@media (max-width: 47.9275em) {
    .bootstrap .panel-group.mp-join-form .alert-danger__content {
        flex: 1 0 100%;
    }
}
.bootstrap .panel-group.mp-join-form .panel-info {
    letter-spacing: -0.05em;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
    border: none;
    background-color: var(--blue-pastel);
}
.bootstrap .panel-group.mp-join-form .plan-selection .btn.btn-block,
.bootstrap .panel-group.mp-join-form .payment-selection .btn.btn-block {
    letter-spacing: -0.05em;
    font-size: 0.875rem;
    line-height: 1.03906rem;
    padding: 0.76562rem 0.65625rem;
}
.bootstrap .panel-group.mp-join-form .plan-selection .btn.btn-block > div span,
.bootstrap .panel-group.mp-join-form .payment-selection .btn.btn-block > div span {
    letter-spacing: -0.05em;
    font-size: 0.875rem !important;
    line-height: 1.03906rem;
}
.bootstrap .panel-group.mp-join-form .plan-selection .btn-success,
.bootstrap .panel-group.mp-join-form .payment-selection .btn-success {
    border-color: var(--blue-pastel);
    background-color: var(--blue-pastel);
    color: var(--black);
}
.bootstrap .panel-group.mp-join-form .plan-selection .btn-success .mp-join-option__check:before,
.bootstrap .panel-group.mp-join-form .payment-selection .btn-success .mp-join-option__check:before {
    opacity: 1;
}
.bootstrap .panel-group.mp-join-form .plan-selection .plan-name,
.bootstrap .panel-group.mp-join-form .payment-selection .plan-name {
    white-space: normal;
}
.bootstrap .panel-group.mp-join-form .mp-join-option__check {
    width: 1.03906rem;
    height: 1.03906rem;
    border: 1px solid var(--grey);
    border-radius: 50%;
    position: relative;
    margin-right: 0.54687rem;
}
.bootstrap .panel-group.mp-join-form .mp-join-option__check:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    display: block;
    width: 0.60156rem;
    height: 0.60156rem;
    border-radius: 50%;
    background-color: var(--primary-blue);
    opacity: 0;
}
.bootstrap .panel-group.mp-join-form .payment__intro {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
    margin-bottom: 1.09374rem;
    max-width: 32.81235rem;
}
.bootstrap .panel-group.mp-join-form .payment__intro a {
    font-weight: 700;
    color: var(--primary-pink);
}
.bootstrap .panel-group.mp-join-form .sub-title {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.20312rem;
    margin-bottom: 1.09374rem;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > thead > tr > th,
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > tbody > tr > th {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    border: none;
    padding-left: 0;
    padding-bottom: 1.09374rem;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > thead > tr > th:nth-child(2),
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > tbody > tr > th:nth-child(2) {
    text-align: right;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > thead > tr > th:last-child,
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > tbody > tr > th:last-child {
    display: table-cell;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > thead > tr > td,
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > tbody > tr > td {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.03906rem;
    border: none;
    padding-left: 0;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > thead > tr > td:nth-child(2),
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > tbody > tr > td:nth-child(2) {
    text-align: right;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > thead > tr > td:last-child,
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > tbody > tr > td:last-child {
    display: table-cell;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > thead > tr {
    border-bottom: 1px solid var(--grey-pastel);
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table hr {
    display: block;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > tfoot > tr > td {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    border: none;
    background-color: var(--grey-med);
    padding: 1.09374rem 0.4375rem 1.09374rem 0;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > tfoot > tr > td:nth-child(2) {
    text-align: right;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > tfoot > tr > td:first-child {
    padding-left: 1.09374rem;
    border-radius: 2px 0 0 2px;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table > tfoot > tr > td:last-child {
    display: table-cell;
    border-radius: 0 2px 2px 0;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table .payment-summary__plan-option,
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table .payment-summary__payment-method,
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table .sub-foot {
    border-top: 1px dashed var(--grey-pastel);
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table .sub-foot > td {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table .sub-foot > td:nth-child(2) {
    color: var(--primary-pink);
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table .sub-foot.success > td {
    background-color: transparent;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table .payment-summary__merch > td {
    padding-top: 1.09374rem;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table .payment-summary__merch > td:last-child {
    text-align: right;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table .payment-summary__remove {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    text-decoration: underline;
    color: var(--black);
    cursor: pointer;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table .payment-summary__border td {
    padding: 0;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary .table .payment-summary__border hr {
    margin-top: 0;
}
.bootstrap .panel-group.mp-join-form .payment-summary__holder .payment-summary__table {
    background-color: transparent;
    padding: 0.82031rem 1.64062rem;
    border: 1px solid var(--grey-med);
    border-radius: var(--inner-radius);
    margin-bottom: 1.09374rem;
}
.bootstrap .panel-group.mp-join-form .payment-summary .table {
    border: none;
}
.bootstrap .panel-group.mp-join-form .payment-summary .table > thead > tr > th,
.bootstrap .panel-group.mp-join-form .payment-summary .table > tbody > tr > th {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    border: none;
}
.bootstrap .panel-group.mp-join-form .payment-summary .table > thead > tr > th:last-child,
.bootstrap .panel-group.mp-join-form .payment-summary .table > tbody > tr > th:last-child {
    display: none;
}
.bootstrap .panel-group.mp-join-form .payment-summary .table > thead > tr > td,
.bootstrap .panel-group.mp-join-form .payment-summary .table > tbody > tr > td {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.03906rem;
    border: none;
}
.bootstrap .panel-group.mp-join-form .payment-summary .table > thead > tr > td:last-child,
.bootstrap .panel-group.mp-join-form .payment-summary .table > tbody > tr > td:last-child {
    display: none;
}
.bootstrap .panel-group.mp-join-form .payment-summary .table > tfoot > tr > td {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.03906rem;
    border: none;
}
.bootstrap .panel-group.mp-join-form .payment-summary .table > tfoot > tr > td:last-child {
    display: none;
}
.bootstrap .panel-group.mp-join-form .payment-summary hr {
    display: none;
}
.bootstrap .panel-group.mp-join-form .direct-debit__holder p,
.bootstrap .panel-group.mp-join-form .giftaid-section p {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
}
.bootstrap .panel-group.mp-join-form .direct-debit__holder .giftaid-section__important,
.bootstrap .panel-group.mp-join-form .giftaid-section .giftaid-section__important {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.65625rem;
    line-height: 0.98437rem;
    padding-left: 1.64062rem;
}
.bootstrap .panel-group.mp-join-form .direct-debit__holder a,
.bootstrap .panel-group.mp-join-form .giftaid-section a {
    color: var(--primary-pink);
}
.bootstrap .panel-group.mp-join-form .bank-validator {
    margin-bottom: 1.09374rem;
}
.bootstrap .panel-group.mp-join-form .bank-validator__check {
    display: flex;
    align-items: flex-start;
}
.bootstrap .panel-group.mp-join-form .bank-validator__check i {
    flex: 0 0 1.36718rem;
    margin-top: 0.16406rem;
}
.bootstrap .panel-group.mp-join-form .giftaid__holder {
    padding: 0 0.82031rem;
}
.bootstrap .panel-group.mp-join-form .giftaid__holder h4 {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
    margin-bottom: 1.09374rem;
}
.bootstrap .panel-group.mp-join-form .giftaid__holder p {
    margin-bottom: 0.82031rem;
}
.bootstrap .panel-group.mp-join-form .payment-summary__table,
.bootstrap .panel-group.mp-join-form .giftaid-section__check {
    background-color: var(--grey-pastel);
    padding: 0.82031rem 1.64062rem;
    border-radius: var(--inner-radius);
    margin-bottom: 1.09374rem;
}
@media (max-width: 47.9275em) {
    .bootstrap .panel-group.mp-join-form .payment-summary__table,
    .bootstrap .panel-group.mp-join-form .giftaid-section__check {
        padding: 0.54687rem;
    }
}
.bootstrap .panel-group.mp-join-form .giftaid-section__check label {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
}
.bootstrap .panel-group.mp-join-form .merchandise-selection {
    white-space: normal;
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__item {
    padding: 0.82031rem;
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__item .btn-block {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.03906rem;
    border: none;
    text-align: right;
    color: var(--primary-pink);
    padding: 0;
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__item .btn-block .fa {
    color: var(--black);
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__item .btn-block.btn-success {
    background-color: transparent;
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__item .btn-block.btn-success:hover {
    background-color: transparent;
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__item .btn-block.btn-success .fa {
    color: var(--black);
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__item .btn-block:hover {
    background-color: transparent;
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__item .btn-block:hover .fa {
    color: var(--black);
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__item-inner {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    gap: 0.65625rem;
    padding: 1.09374rem 0.82031rem;
    border: 1px solid var(--grey-med);
    border-radius: var(--inner-radius);
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__image {
    grid-column: 1 / span 6;
}
@media (max-width: 47.9275em) {
    .bootstrap .panel-group.mp-join-form .merchandise-selection__image {
        grid-column: 1 / span 24;
    }
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__content {
    grid-column: 7 / span 17;
    display: flex;
    flex-direction: column;
}
@media (max-width: 47.9275em) {
    .bootstrap .panel-group.mp-join-form .merchandise-selection__content {
        grid-column: 1 / span 24;
    }
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__title {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.20312rem;
    margin-bottom: 0.54687rem;
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__description {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 1.25781rem;
    flex: 1 0 auto;
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__purchase,
.bootstrap .panel-group.mp-join-form .payment-summary__checkbox-holder {
    display: flex;
    align-items: center;
    box-shadow: none !important;
}
.bootstrap .panel-group.mp-join-form .payment-summary__checkbox-holder span {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 1.25781rem;
}
.bootstrap .panel-group.mp-join-form .payment-summary__checkbox-holder span a {
    color: var(--primary-pink);
    text-decoration: underline;
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__checkbox,
.bootstrap .panel-group.mp-join-form .payment-summary__checkbox {
    justify-self: start;
    padding-right: 1.09374rem;
}
.bootstrap .panel-group.mp-join-form .merchandise-selection__price {
    text-align: right;
    flex: 1 0 auto;
}
.bootstrap .panel-group.mp-join-form .btn__mp-checkbox {
    width: 1.64062rem;
    height: 1.64062rem;
    border: 1px solid var(--black);
    position: relative;
}
.bootstrap .panel-group.mp-join-form .btn__mp-checkbox.is-active:after {
    opacity: 1;
}
.bootstrap .panel-group.mp-join-form .btn__mp-checkbox:after {
    content: url("/SiteFiles/src/img/icons/icon-tick-pink.svg");
    position: absolute;
    left: 0.38281rem;
    top: 0.21875rem;
    opacity: 0;
    z-index: 1;
}
.bootstrap .mp-btn-next,
.bootstrap .mp-btn-next.btn-success {
    background-color: var(--black);
    color: var(--white);
    border: 1px solid var(--black);
    min-width: 6.12497rem;
    transition: background-color 0.3s, color 0.3s;
}
.bootstrap .mp-btn-next:hover,
.bootstrap .mp-btn-next.btn-success:hover {
    background-color: var(--white);
    color: var(--black);
    border: 1px solid var(--black);
}
.bootstrap .mp-btn-next:disabled,
.bootstrap .mp-btn-next[disabled],
.bootstrap .mp-btn-next.btn-success:disabled,
.bootstrap .mp-btn-next.btn-success[disabled] {
    border-color: var(--grey);
    background-color: var(--grey);
}
.bootstrap .mp-price {
    letter-spacing: -0.05em;
    font-size: 0.875rem;
    line-height: 1.03906rem;
    color: var(--black);
    display: inline-block;
    margin-right: 0.54687rem;
}
.bootstrap .mp-payment-checkbox .payment-summary__checkbox-holder {
    display: flex;
    align-items: center;
    box-shadow: none !important;
}
.bootstrap .mp-payment-checkbox .payment-summary__checkbox-holder span {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 1.25781rem;
}
.bootstrap .mp-payment-checkbox .payment-summary__checkbox-holder span a {
    color: var(--primary-pink);
    text-decoration: underline;
}
.bootstrap .mp-payment-checkbox .payment-summary__checkbox {
    justify-self: start;
    padding-right: 1.09374rem;
}
.bootstrap .mp-payment-checkbox .btn__mp-checkbox {
    width: 1.64062rem;
    height: 1.64062rem;
    border: 1px solid var(--black);
    position: relative;
}
.bootstrap .mp-payment-checkbox .btn__mp-checkbox.is-active:after {
    opacity: 1;
}
.bootstrap .mp-payment-checkbox .btn__mp-checkbox:after {
    content: url("/SiteFiles/src/img/icons/icon-tick-pink.svg");
    position: absolute;
    left: 0.38281rem;
    top: 0.21875rem;
    opacity: 0;
    z-index: 1;
}
.page.members-area {
    padding-left: 0;
    padding-right: 0;
}
.page.members-area .container {
    padding-left: 0;
    padding-right: 0;
}
.mp-layout {
    --columns: 4;
    --gutter: 0.54687rem;
    --site-margin: 0;
    display: grid;
    font-family: "Verdana", sans-serif;
    gap: var(--gutter);
    grid-template-columns: repeat(var(--columns), 1fr);
    margin: 0 var(--site-margin);
    background-color: rgba(243, 243, 243, 0.3);
    text-align: left;
}
@media (min-width: 62em) {
    .mp-layout {
        --columns: 12;
        --gutter: 1.74999rem;
        --site-margin: 0.82031rem;
    }
}
.mp-layout .mp-area-heading {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    color: #ee2f75;
}
.mp-layout .mp-area-title {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 1.31249rem;
    line-height: 1.53124rem;
}
@media (min-width: 48em) {
    .mp-layout .mp-area-title {
        font-size: 1.74999rem;
        line-height: 2.18749rem;
    }
}
.mp-sidebar {
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 3;
}
@media (min-width: 62em) {
    .mp-sidebar {
        position: relative;
        top: 0;
        left: 0;
        grid-column: 1 / span 3;
        z-index: 1;
        background-color: #fff;
    }
}
.mp-main {
    position: relative;
    grid-column: 1 / span 4;
    z-index: 1;
    padding: 0 0.54687rem 0.54687rem;
    max-width: 100%;
}
@media (min-width: 48em) {
    .mp-main {
        padding: 0 1.64062rem 1.64062rem;
    }
}
@media (min-width: 62em) {
    .mp-main {
        padding: 0 1.64062rem 1.64062rem 0;
        grid-column: 4 / span 9;
    }
}
.mp-widget {
    margin: 0 0 1.64062rem 0;
}
.mp-inner {
    position: relative;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 1.20312rem;
    overflow: hidden;
    padding: 3.60936rem 0.875rem 1.74999rem;
}
.mp-inner .mp-paint-strokes {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    opacity: 0.3;
    pointer-events: none;
    width: 100%;
}
.mp-inner .mp-paint-strokes .mp-stroke-yellow {
    margin-right: auto;
    transform: translate3d(-5.24998rem, -1.74999rem, 0);
}
.mp-inner .mp-paint-strokes .mp-stroke-pink {
    margin-left: auto;
    transform: translate3d(4.10154rem, -4.10154rem, 0);
}
.mp-inner .resource-inner-grid {
    display: grid;
    grid-template-columns: 70% 20%;
    grid-column-gap: 0.54687rem;
}
.mp-inner .accordion-content ul {
    margin-left: 0;
}
.mp-inner .accordion-content ul li {
    padding: 0.54687rem 0 0.54687rem 1.14843rem;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 0.76562rem;
}
.mp-inner .accordion-content ul li:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #f5a628;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F005";
    padding-right: 0.54687rem;
}
@media (min-width: 62em) {
    .mp-inner {
        padding: 1.74999rem;
    }
}
.main-content .accordion-content ul {
    margin-left: 0;
}
.main-content .accordion-content ul li {
    letter-spacing: -0.05em;
    padding: 0.54687rem 0 0.54687rem 1.14843rem;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 0.76562rem;
}
.main-content .accordion-content ul li:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #f5a628;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F005";
    padding-right: 0.54687rem;
}
.members-area ul.bullet-list li {
    letter-spacing: -0.05em;
    font-size: 0.76562rem;
}
.members-area ul.bullet-list li a {
    letter-spacing: -0.05em;
    font-size: 0.76562rem;
}
.mp-layout .mp-resource-detail .resource-inner-grid {
    padding: 0 1.64062rem;
    grid-template-columns: repeat(12, 1fr);
    gap: 0.82031rem;
}
.mp-layout .mp-resource-detail .mp-page-intro__title {
    color: #424242;
}
@media (min-width: 48em) {
    .mp-layout .mp-resource-detail .mp-page-intro__title {
        letter-spacing: -0.05em;
        font-size: 1.20312rem;
        line-height: 2.18749rem;
    }
}
.mp-layout .mp-resource-detail .btn {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    background-color: #424242;
    border: 1px solid #424242;
    color: #fff;
    padding: 0.21875rem 0.32812rem;
    transition: background-color 0.3s;
}
.mp-layout .mp-resource-detail .btn:hover {
    background-color: #fff;
    color: #424242;
}
.mp-layout .mp-resource-detail .btn i {
    vertical-align: middle;
}
.mp-layout .mp-resource-detail .btn .fa.fa-print {
    margin-top: 0.05469rem;
}
.mp-layout .mp-resource-detail h2 {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.76562rem;
    line-height: 1.14843rem;
    color: #0a6db5;
}
.mp-layout .mp-resource-detail .bullet-list li {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 1.14843rem;
}
.mp-layout .resource-inner-grid__main {
    grid-column: 1 / span 9;
}
.mp-layout .resource-inner-grid__side {
    grid-column: 10 / span 3;
}
.mp-layout .mp-resource-detail__image {
    margin-bottom: 1.09374rem;
}
.mp-layout .mp-resource-detail__image img {
    border-radius: 5px;
}
.mp-layout .mp-page-intro__title-category {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    color: #707070;
    margin-bottom: 0;
}
.mp-layout .mp-related-resources {
    margin-top: 1.09374rem;
    background-color: #fff;
    border-radius: 5px;
    padding: 1.91405rem 3.28123rem;
}
.mp-layout .mp-related-resources .mp-related-resources__title {
    letter-spacing: -0.05em;
    font-weight: 700;
}
@media (min-width: 48em) {
    .mp-layout .mp-related-resources .mp-related-resources__title {
        font-size: 1.20312rem;
        line-height: 2.18749rem;
    }
}
.mp-layout .mp-related-resources .rec-res__col {
    width: 100%;
}
.mp-layout .mp-related-resources .rec-res__col:nth-child(even) .rec-res__link {
    margin-left: 0;
}
.mp-layout .mp-related-resources .rec-res__col:nth-child(odd) .rec-res__link {
    margin-right: 0;
}
.mp-layout .mp-related-resources .rec-res__link {
    border: 1px solid #f3f3f3;
    border-radius: 5px;
}
.mp-layout .mp-main .mp-page-intro__title--search {
    letter-spacing: -0.05em;
    font-weight: 700;
    margin-bottom: 1.64062rem;
    font-size: 1.74999rem;
    line-height: 2.18749rem;
}
.mp-layout .mp-main .news-listing-item {
    padding-bottom: 1.09374rem;
    border-bottom: 1px dashed var(--grey);
    margin-bottom: 1.09374rem;
}
.mp-layout .mp-main .news-listing-item h2 {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 1.20312rem;
    line-height: 1.64062rem;
}
.mp-layout .mp-main .news-listing-item p {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
}
.order-item {
    border: 1px solid var(--grey-pastel);
    border-radius: var(--inner-radius);
    overflow: hidden;
    padding: 1.09374rem 1.64062rem;
    margin-bottom: 0.82031rem;
}
.order-item .mp-btn {
    width: 100%;
}
.order-item .mp-btn .mp-btn__text {
    width: 100%;
    text-align: center;
}
.order-item__grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.order-item__col {
    flex: 1 0 70%;
}
@media (max-width: 47.9275em) {
    .order-item__col {
        flex: 1 0 100%;
        margin-bottom: 1.09374rem;
    }
}
.order-item__col:last-child {
    flex: 1 0 30%;
}
@media (max-width: 47.9275em) {
    .order-item__col:last-child {
        flex: 1 0 100%;
        margin-bottom: 0;
    }
}
.order-item__col-inner--grid {
    display: flex;
    flex-wrap: wrap;
}
.order-item__col-inner p {
    flex: 1 0 50%;
    padding-right: 0.54687rem;
    line-height: 1.64062rem;
    margin-bottom: 0;
}
@media (max-width: 47.9275em) {
    .order-item__col-inner p {
        flex: 1 0 100%;
        padding-right: 0;
    }
}
.mp-page-intro {
    color: var(--default-color);
    margin-bottom: 1.31249rem;
}
.mp-page-intro__icon-wrapper {
    display: flex;
    align-items: center;
    background: var(--pastel-color);
    border-radius: 5px;
    height: 1.6953rem;
    justify-content: center;
    margin-right: 0.54687rem;
    width: 1.6953rem;
}
.mp-page-intro__icon {
    display: inline-block;
    color: var(--theme-color);
    flex: 0 0 0.875rem;
    height: 0.875rem;
    width: 0.875rem;
}
.mp-page-intro__title-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 0.875rem;
}
.mp-layout .mp-page-intro__title {
    display: inline-block;
    color: var(--theme-color);
    font-size: 1.20312rem;
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1.47656rem;
    margin: 0 0 0.10937rem;
}
.mp-page-intro__content {
    color: var(--default-color);
    font-size: 0.76562rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.09374rem;
    margin: 0;
    max-width: 54ch;
}
.mp-phone-cta {
    display: grid;
    align-items: center;
    background: var(--pastel-color);
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    grid-template-columns: 3.17186rem 1fr;
    gap: 0 1.31249rem;
    padding: 0.49219rem 0.65625rem 0.60156rem;
}
@media (min-width: 48em) {
    .mp-phone-cta {
        padding: 1.03906rem 1.20312rem 1.14843rem;
    }
}
.mp-phone-cta__icon-wrapper {
    position: relative;
    display: flex;
    place-content: center;
    place-items: center;
    color: var(--theme-color);
    height: 3.17186rem;
    grid-row: span 2;
    width: 3.17186rem;
}
.mp-phone-cta__icon-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--theme-color);
    border-radius: 5px;
    height: 100%;
    opacity: 0.2;
    width: 100%;
}
.mp-phone-cta__line-1,
.mp-phone-cta__line-2 {
    color: var(--default-color);
    font-size: 0.98437rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.20312rem;
}
@media (min-width: 48em) {
    .mp-phone-cta__line-1,
    .mp-phone-cta__line-2 {
        font-size: 1.20312rem;
        line-height: 1.74999rem;
    }
}
.mp-phone-cta__line-1 {
    grid-column: 2;
    grid-row: 1;
}
.mp-phone-cta__line-2 {
    font-weight: 700;
    grid-column: 2;
    grid-row: 2;
    text-decoration: underline;
}
.mp-phone-cta__line-2:focus,
.mp-phone-cta__line-2:hover {
    color: var(--theme-color);
}
.pop-search {
    position: relative;
    margin-top: 1.09374rem;
    margin-bottom: 0.54687rem;
}
@media (min-width: 62em) {
    .pop-search {
        margin-bottom: 0.82031rem;
    }
}
input[type="text"].pop-search__input {
    width: 100%;
    letter-spacing: -0.04em;
    font-weight: 400;
    border: 1px solid var(--grey);
    padding: 0.76562rem 1.36718rem 0.76562rem 3.28123rem;
    font-size: 0.875rem;
    line-height: 1.03906rem;
    border-radius: var(--inner-radius);
    margin-bottom: 0;
}
@media (min-width: 62em) {
    input[type="text"].pop-search__input {
        padding: 0.98437rem 1.36718rem 0.98437rem 3.82811rem;
        font-size: 0.98437rem;
        line-height: 1.20312rem;
        border-radius: var(--outer-radius);
    }
}
.pop-search__submit {
    position: absolute;
    top: 50%;
    left: 0.54687rem;
    color: var(--theme-color);
    background-color: var(--pastel-color);
    border: none;
    width: 1.91405rem;
    height: 1.91405rem;
    border-radius: var(--inner-radius);
    transform: translateY(-50%);
    text-align: center;
}
@media (min-width: 62em) {
    .pop-search__submit {
        width: 2.40624rem;
        height: 2.40624rem;
    }
}
.pop-search__submit svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pop-search__tag-intro {
    letter-spacing: -0.04em;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    margin-top: 0.32812rem;
}
.pop-search__tags {
    display: inline-block;
    flex: 1 0 70%;
}
.pop-search__tag-btn {
    letter-spacing: 0.05em;
    font-size: 0.54687rem;
    line-height: 0.65625rem;
    display: inline-block;
    border: 1px solid var(--black);
    background-color: var(--grey-med);
    border-radius: var(--inner-radius);
    color: var(--black);
    padding: 0.4375rem 0.54687rem;
    text-transform: uppercase;
    margin-left: 0.4375rem;
    margin-bottom: 0.27344rem;
    text-decoration: none!important;
}
.pop-search__base {
    margin-bottom: 1.09374rem;
    display: none;
}
@media (min-width: 48em) {
    .pop-search__base {
        display: flex;
        align-items: center;
    }
}
.pop-search__tag-holder {
    display: flex;
}
@media (min-width: 48em) {
    .pop-search__tag-holder {
        flex: 1 0 70%;
    }
}
.pop-search__log-out {
    flex: 0 0 auto;
}
.prod-card {
    border: 1px solid var(--grey-pastel);
    border-radius: 5px;
    display: block;
    text-decoration: none;
    color: var(--default-color);
    height: 100%;
}
.prod-card__inner {
    padding: 1.09374rem 0.54687rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.prod-card__media {
    text-align: center;
}
.prod-card__content {
    text-align: center;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}
.prod-card__content .mp-btn--primary {
    border-color: var(--grey);
}
.prod-card__content .mp-btn--primary .mp-btn__text {
    background-color: var(--grey);
}
.prod-card__content .mp-btn--primary:hover .mp-btn__text {
    background-color: var(--contrast-color);
}
.prod-card__title {
    letter-spacing: -0.05em;
    flex: 1 0 auto;
}
.prod-card__prices {
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    margin-bottom: 1.09374rem;
}
.prod-card__prices span {
    letter-spacing: -0.05em;
    display: inline-block;
}
.prod-card__price-current {
    font-weight: 700;
    color: var(--theme-color);
}
.prod-card__price-old {
    color: var(--grey);
    opacity: 0.5;
    text-decoration: line-through;
}
.mp-layout .profile-notification {
    border: 1px solid var(--primary-blue);
    background-color: var(--blue-pastel);
    border-radius: var(--outer-radius);
    margin-top: 1.09374rem;
    position: relative;
}
.mp-layout .profile-notification__inner {
    padding: 0.54687rem 2.73436rem 0.82031rem 0.82031rem;
}
.mp-layout .profile-notification__title-holder {
    display: flex;
    align-items: center;
    margin-bottom: 0.54687rem;
}
.mp-layout .profile-notification__title-icon {
    font-weight: 700;
    width: 1.47656rem;
    height: 1.47656rem;
    border-radius: 50%;
    text-align: center;
    line-height: 1.20312rem;
    color: var(--primary-blue);
    border: 3px solid var(--primary-blue);
    margin-right: 0.4375rem;
}
.mp-layout .profile-notification__title {
    font-weight: 700;
    font-size: 0.65625rem;
    line-height: 0.82031rem;
    color: var(--primary-blue);
    text-transform: uppercase;
    margin: 0;
}
.mp-layout .profile-notification__content-holder {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.09374rem;
}
.mp-layout .profile-notification__content-holder a {
    color: var(--primary-blue);
}
.mp-layout .profile-notification__close-btn {
    position: absolute;
    top: 0.82031rem;
    right: 1.36718rem;
}
.mp-layout .profile-notification__close-btn .profile-notification__close-icon {
    color: var(--black);
}
.profile-overview {
    border: 1px solid var(--theme-color);
    background-color: var(--pastel-color);
    border-radius: 10px;
}
.theme-container.pink .profile-overview {
    background-color: var(--pink-pastel);
}
.theme-container.blue .profile-overview {
    background-color: var(--blue-pastel);
}
.theme-container.green .profile-overview {
    background-color: var(--green-pastel);
}
.profile-overview__inner {
    padding: 0.54687rem;
}
@media (min-width: 62em) {
    .profile-overview__inner {
        padding: 1.91405rem 2.18749rem 1.09374rem;
    }
}
.profile-overview__top {
    margin-bottom: 1.09374rem;
}
@media (min-width: 540px) {
    .profile-overview__top {
        display: grid;
        grid-template-columns: auto minmax(auto, 350px);
        gap: 15px 20px;
    }
}
/*@media (min-width: 960px) {
    .profile-overview__top {
        xgrid-template-columns: auto 160px 250px;
    }
}*/
.profile-overview__details {
    background-color: var(--contrast-color);
    border-radius: 5px;
    margin-bottom: 0.54687rem;
}
@media (min-width: 62em) {
    .profile-overview__details {
        margin-bottom: 0;
    }
}
.profile-overview__details-inner {
    padding: 1.36718rem 1.09374rem;
}
@media (max-width: 47.9275em) {
    .profile-overview__details-inner {
        padding: 0.54687rem;
    }
}
.profile-overview__name {
    margin: 0;
    text-align: left;
    font-size: 1.74999rem;
    line-height: 2.18749rem;
    color: var(--default-color);
}
@media (max-width: 47.9275em) {
    .profile-overview__name {
        font-size: 1.31249rem;
        line-height: 1.53124rem;
    }
}
.profile-overview__remind {
    background-color: var(--contrast-color);
    border-radius: 5px;
}
.profile-overview__remind-inner {
    padding: 1.09374rem 0.82031rem;
}
.profile-overview__notification .tag-text {
    color: var(--theme-color);
}
.profile-overview__notification-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 62em) {
    .profile-overview__notification-grid {
        display: block;
    }
}
.profile-overview__countdown {
    text-align: center;
}
.profile-overview__member-misc {
    margin-top: 1.09374rem;
    display: flex;
    flex-wrap: wrap;
}
.profile-overview__block {
    display: flex;
    background-color: var(--grey-pastel);
    padding: 0.4375rem 0.54687rem;
    border-radius: 5px;
    margin-right: 0.54687rem;
    margin-bottom: 0.54687rem;
    height: 1.91405rem;
    align-items: center;
}
@media (max-width: 47.9275em) {
    .profile-overview__block {
        flex: 1 0 100%;
    }
}
.profile-overview__block:last-child {
    margin-right: 0;
}
.profile-overview__base-title {
    text-align: left;
    color: var(--default-color);
    font-size: 1.20312rem;
    line-height: 1.47656rem;
}
.profile-overview__links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.82031rem 1.09374rem;
}
@media (max-width: 47.9275em) {
    .profile-overview__links {
        display: block;
    }
}
.choose-theme {
    padding: 0;
    display: inline-block;
    width: 0.98437rem;
    height: 0.98437rem;
    margin-left: 0.27344rem;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
}
.choose-theme svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-57%, -50%);
    stroke: var(--white);
    display: none;
}
.choose-theme--pink {
    background-color: var(--primary-pink);
}
.theme-container.pink .choose-theme--pink svg {
    display: block;
}
.choose-theme--blue {
    background-color: var(--primary-blue);
}
.theme-container.blue .choose-theme--blue svg {
    display: block;
}
.choose-theme--green {
    background-color: var(--primary-green);
}
.theme-container.green .choose-theme--green svg {
    display: block;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(0.54687rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.mp-que-landing {
    display: flex;
    flex-direction: column;
    font-family: "Verdana", sans-serif;
}
@media (min-width: 62em) {
    .mp-que-landing {
        flex-direction: row;
    }
}
.mp-que-landing__content-container {
    position: relative;
    display: flex;
    background: var(--theme-color);
    border-radius: 10px 10px 0 0;
    color: var(--contrast-color);
    flex-basis: 50%;
    flex-direction: column;
    overflow: hidden;
    padding: 5.24998rem 1.74999rem 2.62499rem 1.74999rem;
    place-content: center;
}
@media (min-width: 62em) {
    .mp-que-landing__content-container {
        border-radius: 10px 0 0 10px;
        padding: 5.24998rem 6.99997rem 5.24998rem 5.24998rem;
    }
}
.mp-que-landing__content-wrapper {
    position: relative;
    z-index: 2;
}
.mp-que-landing__stroke {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(-50%, -50%, 0) translate3d(2.73436rem, 3.28123rem, 0) rotate(160deg);
    transform-origin: center center;
    width: 21.8749rem;
    z-index: 1;
}
@media (min-width: 62em) {
    .mp-que-landing__stroke {
        transform: translate3d(-50%, -50%, 0) translate3d(4.37498rem, 3.28123rem, 0) rotate(160deg);
    }
}
.mp-que-landing__image-container {
    flex-basis: 50%;
}
.mp-que-landing__image-container img {
    display: block;
    border-radius: 0 0 10px 10px;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    width: 100%;
}
@media (min-width: 62em) {
    .mp-que-landing__image-container img {
        border-radius: 0 10px 10px 0;
    }
}
.mp-que-landing__title.mp-que-landing__title {
    color: var(--contrast-color);
    font-size: 1.74999rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 2.18749rem;
}
@media (min-width: 62em) {
    .mp-que-landing__title.mp-que-landing__title {
        font-size: 2.46093rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        line-height: 2.73436rem;
    }
}
.mp-que-landing__content.mp-que-landing__content {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.20312rem;
}
.mp-que-landing__cta-container {
    display: flex;
    flex-direction: column;
    max-width: -webkit-max-content;
    max-width: max-content;
    cursor: pointer;
}
@media (min-width: 62em) {
    .mp-que-landing__cta-container {
        flex-direction: row;
        max-width: none;
    }
}
.mp-que-landing__cta {
    display: inline-block;
    background: var(--contrast-color);
    border: 1px solid var(--contrast-color);
    border-radius: 5px;
    color: var(--default-color);
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.20312rem;
    padding: 0.27344rem 0.65625rem 0.32812rem;
    text-align: center;
    transition: background-color 0.3s ease-out, border 0.3s ease-out, color 0.3s ease-out;
}
.mp-que-landing__cta:focus,
.mp-que-landing__cta:hover {
    background: var(--default-color);
    border: 1px solid var(--default-color);
    color: var(--contrast-color);
}
.mp-que-landing__cta--outline {
    background: transparent;
    color: var(--contrast-color);
}
.mp-que-landing__cta + .mp-que-landing__cta {
    margin-top: 0.875rem;
}
@media (min-width: 62em) {
    .mp-que-landing__cta + .mp-que-landing__cta {
        margin-top: 0;
        margin-left: 0.875rem;
    }
}
.mp-que-step__spinner-holder {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}
.mp-que-step__spinner {
    width: 3.28123rem;
    height: 3.28123rem;
    color: var(--primary-pink);
    border-radius: 50%;
    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.mp-que-step {
    display: flex;
    flex-direction: column;
    font-family: "Verdana", sans-serif;
    min-height: 28.76549rem;
}
@media (min-width: 62em) {
    .mp-que-step {
        flex-direction: row;
    }
}
.mp-que-step .mp-que-step__back-btn {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 1.47656rem;
    position: absolute;
    top: 1.09374rem;
    left: 1.09374rem;
    padding: 0.10937rem 0.82031rem;
    background-color: var(--black);
    color: var(--white);
    transition: color 0.3s, background-color 0.3s;
    border: 1px solid var(--black);
    border-radius: var(--inner-radius);
}
.mp-que-step .mp-que-step__back-btn:hover {
    background-color: var(--white);
    color: var(--black);
}
.mp-que-step .mp-que-step__back-btn svg {
    transform: rotate(180deg);
    margin-right: 0.27344rem;
}
.mp-que-step__question-container {
    position: relative;
    display: flex;
    background: var(--theme-color);
    border-radius: 10px 10px 0 0;
    color: var(--contrast-color);
    flex-basis: 30%;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    padding: 3.49998rem 1.74999rem 3.49998rem 1.74999rem;
    place-content: center;
}
@media (min-width: 62em) {
    .mp-que-step__question-container {
        border-radius: 10px 0 0 10px;
        min-width: 20.9999rem;
        padding: 3.49998rem 1.74999rem 3.49998rem 1.74999rem;
    }
}
.mp-que-step__title.mp-que-step__title {
    color: var(--contrast-color);
    font-size: 1.74999rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 2.18749rem;
    margin: auto 0;
    padding: 0;
    order: 2;
    opacity: 0;
    transition: opacity 0.6s;
    animation-name: fadeIn;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
}
@media (min-width: 62em) {
    .mp-que-step__title.mp-que-step__title {
        font-size: 2.18749rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        line-height: 2.73436rem;
    }
}
.mp-que-step__subtitle.mp-que-step__subtitle {
    color: var(--contrast-color);
    font-size: 0.76562rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.20312rem;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    order: 1;
}
.mp-que-step__answer-container {
    position: relative;
    display: flex;
    background: var(--constrast-color);
    border: 1px solid #e7e7e7;
    border-top: 0;
    border-radius: 0 0 10px 10px;
    flex: 1 1 60%;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: 3.55467rem 0.875rem 0.875rem;
}
@media (min-width: 62em) {
    .mp-que-step__answer-container {
        border: 1px solid #e7e7e7;
        border-left: 0;
        border-radius: 0 10px 10px 0;
        padding: 5.68747rem 2.62499rem 4.37498rem;
    }
}
@media (min-width: 77.5em) {
    .mp-que-step__answer-container {
        padding: 5.68747rem 5.24998rem 4.37498rem;
    }
}
.mp-que-step__answer-wrapper {
    position: relative;
    display: block;
    opacity: 0;
    z-index: 2;
    animation-name: fadeIn;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
}
.mp-que-step__answer-wrapper .mp-btn {
    display: inline-block;
    visibility: hidden;
    width: auto;
}
.mp-que-step__answer-wrapper .mp-btn.is-active {
    visibility: visible;
}
.mp-que-step__answer-list.mp-que-step__answer-list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%;
}
.mp-que-step__answer-list.mp-que-step__answer-list li {
    display: block;
    margin-bottom: 0.65625rem;
    position: relative;
}
.mp-que-step__answer-list.mp-que-step__answer-list li .answerLabel {
    position: relative;
    display: flex;
    background: var(--contrast-color);
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    cursor: pointer;
    flex-direction: row;
    min-height: 2.73436rem;
    margin: 0;
    padding: 0 0.875rem 0 2.62499rem;
    place-items: center;
    transition: background-color 0.3s ease-out, color 0.3s ease-out;
    padding-top: 0.65625rem;
    padding-bottom: 0.65625rem;
}
.mp-que-step__answer-list.mp-que-step__answer-list li .answerLabel:after,
.mp-que-step__answer-list.mp-que-step__answer-list li .answerLabel:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.875rem;
    display: block;
    transform: translate3d(0, -50%, 0);
}
.mp-que-step__answer-list.mp-que-step__answer-list li .answerLabel:before {
    border: 1px solid #707070;
    border-radius: 50%;
    height: 1.09374rem;
    width: 1.09374rem;
}
.mp-que-step__answer-list.mp-que-step__answer-list li .answerLabel:after {
    background: var(--theme-color);
    background-clip: content-box;
    border-radius: 50%;
    height: 1.09374rem;
    opacity: 0;
    padding: 0.27344rem;
    transition: opacity 0.3s ease-out;
    width: 1.09374rem;
}
.mp-que-step__answer-list.mp-que-step__answer-list li .answerLabel:focus,
.mp-que-step__answer-list.mp-que-step__answer-list li .answerLabel:hover {
    text-decoration: underline;
}
.mp-que-step__answer-list.mp-que-step__answer-list li .answerLabel:focus:after,
.mp-que-step__answer-list.mp-que-step__answer-list li .answerLabel:hover:after {
    opacity: 0.5;
}
.mp-que-step__answer-list.mp-que-step__answer-list li .answerInput:focus + .answerLabel {
    text-decoration: underline;
}
.mp-que-step__answer-list.mp-que-step__answer-list li .answerInput:focus + .answerLabel:after {
    opacity: 0.5;
}
.mp-que-step__answer-list.mp-que-step__answer-list li .answerInput:checked + .answerLabel {
    background-color: var(--pastel-color);
}
.mp-que-step__answer-list.mp-que-step__answer-list li .answerInput:checked + .answerLabel:after {
    opacity: 1;
}
.mp-que-step .answerTooltip {
    max-width: 8.20309rem;
    margin-bottom: 0.27344rem;
    text-align: center;
}
.mp-que-step__option-list {
    position: relative;
    z-index: 2;
}
.mp-que-step__option {
    position: relative;
    display: grid;
    align-items: center;
    color: var(--default-color);
    background: var(--contrast-color);
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    gap: 0.875rem;
    grid-template-columns: 1fr;
    margin: 0 0 0.65625rem;
    padding: 1.31249rem;
    text-decoration: none;
    transition: background-color 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out;
}
@media (min-width: 62em) {
    .mp-que-step__option {
        gap: 0 0.875rem;
        grid-template-columns: 1fr auto;
    }
}
.mp-que-step__option-name.mp-que-step__option-name {
    color: var(--default-color);
    font-size: 1.20312rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.47656rem;
    margin: auto 0 0;
}
@media (min-width: 62em) {
    .mp-que-step__option-name.mp-que-step__option-name {
        grid-column: 1;
        grid-row: 1;
    }
}
.mp-que-step__option-desc {
    font-size: 0.76562rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 0.92968rem;
    margin: 0 0 auto;
}
@media (min-width: 62em) {
    .mp-que-step__option-desc {
        grid-column: 1;
        grid-row: 2;
    }
}
.mp-que-step__option-cta {
    display: block;
    background: var(--contrast-color);
    border: 1px solid var(--default-color);
    border-radius: 5px;
    color: var(--default-color);
    cursor: pointer;
    padding: 0.65625rem 1.09374rem;
    transition: background-color 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out;
}
.mp-que-step__option-cta:hover {
    background: var(--default-color);
    border-color: var(--default-color);
    color: var(--contrast-color);
}
@media (min-width: 62em) {
    .mp-que-step__option-cta {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
}
.mp-que-step__option:focus,
.mp-que-step__option:hover {
    background: var(--pastel-color);
    color: var(--default-color);
    outline: none;
}
.mp-que-step__stroke {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    transform-origin: center center;
    width: 21.8749rem;
    z-index: 1;
}
@media (min-width: 62em) {
    .mp-que-step__stroke {
        display: block;
        transform: translate3d(50%, 50%, 0) translate3d(-7.87496rem, -0.875rem, 0);
    }
}
.mp-que-step .tooltip {
    position: absolute;
    top: 50%;
    right: 1.09374rem;
    transform: translateY(-50%);
    display: inline;
    height: 1.36718rem;
    width: 1.36718rem;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    border: solid 1px var(--primary-blue);
    color: var(--primary-blue);
    z-index: 1;
}
.mp-que-step .tooltip span {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    visibility: hidden;
    width: 10.93745rem;
    background-color: #424242;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 0.27344rem;
    position: absolute;
    z-index: 9;
    top: -1em;
    right: 100%;
    margin-right: 1em;
    opacity: 0;
    transition: opacity 0.3s;
}
.mp-que-step .tooltip span:after {
    content: "";
    position: absolute;
    top: 1.5em;
    left: 100%;
    margin-top: -0.27344rem;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #424242;
}
.mp-que-step .tooltip input {
    display: none;
}
.mp-que-step .tooltip input:checked + span {
    visibility: visible;
    opacity: 1;
}
.mp-que-step .tooltip2 {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    position: relative;
    text-align: left;
    display: inline-block;
    padding: 0.16406rem 0;
    text-decoration: underline;
    color: var(--primary-blue);
    cursor: pointer;
    margin-top: 0.54687rem;
}
.mp-que-step .tooltip2 span {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    visibility: hidden;
    text-align: center;
    opacity: 0;
    transition: opacity 1s;
    padding: 0.54687rem 0;
    color: #424242;
    display: none;
}
.mp-que-step .tooltip2 input {
    display: none;
}
.mp-que-step .tooltip2 input:checked + span {
    visibility: visible;
    opacity: 1;
    display: block;
}
.mp-que-introtext {
    animation-name: fadeIn;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    margin-bottom: 1.64062rem;
}
.quick-links {
    border: 1px solid var(--grey-pastel);
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.quick-links__svg {
    position: absolute;
    top: 30%;
    left: -50%;
    transform: translate(0, -50%);
    width: 30.73423rem;
    height: 9.18746rem;
    fill: var(--theme-color);
    opacity: 0.1;
}
@media (min-width: 62em) {
    .quick-links__svg {
        top: 50%;
        left: -50%;
        transform: translate(50%, -50%);
    }
}
.quick-links__inner {
    padding: 1.09374rem;
    position: relative;
    background-color: var(--white);
}
@media (min-width: 62em) {
    .quick-links__inner {
        padding: 1.64062rem 3.82811rem;
    }
}
.quick-links__grid {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 1.64062rem;
}
@media (min-width: 62em) {
    .quick-links__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
.quick-links__col {
    display: grid;
    grid-template-columns: 1fr;
}
.quick-link__media {
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
    align-self: center;
    opacity: 0;
    max-width: 0;
    max-height: 0;
    display: none;
}
@media (min-width: 62em) {
    .quick-link__media {
        display: block;
    }
}
.quick-link__media.active {
    opacity: 1;
    max-width: 100%;
    max-height: 100vh;
}
.quick-links__title {
    font-weight: 700;
}
.quick-links__link .mp-btn--icon {
    transition: background-color 0.3s;
}
.quick-links__link .mp-btn--icon:hover {
    border-color: transparent;
    background-color: var(--pastel-color);
}
.quick-links__base {
    text-align: center;
}
.mp-quote-block {
    display: block;
    background: var(--pastel-color);
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    margin: 0;
    max-width: 29.74986rem;
    padding: 1.31249rem 2.02343rem 0.71093rem 1.64062rem;
    text-indent: 0;
}
.mp-layout .mp-quote-block__content {
    display: block;
    font-size: 0.98437rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.53124rem;
}
.mp-quote-block__citation {
    align-items: center;
    font-style: normal;
    gap: 0 0.71093rem;
}
.mp-quote-block__avatar {
    display: block;
    border: 3px solid var(--contrast-color);
    border-radius: 50%;
    grid-column: 1;
    grid-row: 1 / span 2;
    height: 3.0078rem;
    width: 3.0078rem;
}
.mp-quote-block__name {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    grid-column: 2;
    grid-row: 1;
    letter-spacing: -0.05em;
    line-height: 1.03906rem;
}
.mp-quote-block__role {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    grid-column: 2;
    grid-row: 2;
    letter-spacing: -0.05em;
    line-height: 1.03906rem;
}
.radial-countdown {
    margin-bottom: 0.54687rem;
    position: relative;
}
.radial-countdown .progress {
    width: 4.53904rem;
    height: 4.53904rem;
    transform: rotate(-90deg);
}
.radial-countdown .progress__meter,
.radial-countdown .progress__value {
    fill: none;
}
.radial-countdown .progress__meter {
    stroke: var(--pastel-color);
}
.radial-countdown .progress__value {
    stroke: var(--theme-color);
    stroke-linecap: round;
}
.radial-countdown__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.radial-countdown__number {
    font-size: 1.09374rem;
    line-height: 1.31249rem;
    margin-bottom: 0;
}
.radial-countdown__text {
    font-size: 0.65625rem;
    line-height: 0.82031rem;
    margin-bottom: 0;
}
.rec-prod {
    border: 1px solid var(--grey-pastel);
    border-radius: 10px;
    background-color: var(--white);
}
.rec-prod__inner {
    padding: 1.64062rem 2.18749rem;
}
.rec-prod__top {
    text-align: center;
}
.rec-prod__tag {
    color: var(--theme-color);
    margin-bottom: 0;
}
.rec-prod__title {
    text-align: center;
    margin-top: 0;
    font-size: 1.42187rem;
    line-height: 1.6953rem;
}
.rec-prod__carousel-holder {
    margin-bottom: 1.36718rem;
    position: relative;
}
.rec-prod__carousel-slide {
    display: none;
}
.rec-prod__carousel-slide:first-child,
.tns-slider .rec-prod__carousel-slide {
    display: inline-block;
}
.rec-prod__base {
    text-align: center;
}
.mp-layout .rec-res__title {
    color: var(--contrast-color);
    flex: 1 0 100%;
}
@media (min-width: 62em) {
    .mp-layout .rec-res__title {
        margin-bottom: 0;
        flex: 1 0 65%;
    }
}
.mp-layout .rec-res__global-link {
    color: var(--contrast-color);
    flex: 1 0 100%;
}
@media (min-width: 62em) {
    .mp-layout .rec-res__global-link {
        flex: 1 0 35%;
        text-align: right;
    }
}
.rec-res {
    background-color: var(--theme-color);
    border-radius: var(--outer-radius);
    position: relative;
}
.rec-res__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.rec-res__bg .rec-res__svg {
    position: absolute;
    color: var(--contrast-color);
    fill: var(--pastel-color);
    opacity: 0.3;
    width: 24.60926rem;
    height: 7.2734rem;
}
.rec-res__bg .rec-res__svg--one {
    transform: translate(-30%, -1.09374rem) rotate(-8deg);
}
.rec-res__bg .rec-res__svg--two {
    bottom: 0;
    right: 0;
    transform: translate(30%, 2.18749rem) rotate(-8deg);
}
.rec-res__inner {
    position: relative;
    padding: 0.82031rem;
}
@media (min-width: 62em) {
    .rec-res__inner {
        padding: 1.64062rem 1.64062rem 1.09374rem;
    }
}
.rec-res__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1.09374rem;
}
.rec-res__grid {
    display: flex;
    flex-wrap: wrap;
}
.rec-res__col {
    flex: 1 0 100%;
}
@media (min-width: 62em) {
    .rec-res__col {
        flex: 1 0 50%;
    }
}
@media (min-width: 62em) {
    .rec-res__col:nth-child(odd) .rec-res__link {
        margin-right: 0.27344rem;
    }
}
@media (min-width: 62em) {
    .rec-res__col:nth-child(even) .rec-res__link {
        margin-left: 0.27344rem;
    }
}
.rec-res__link-holder {
    margin-top: 0.82031rem;
}
@media (min-width: 48em) {
    .rec-res__link-holder {
        flex: 0 0 8.20309rem;
        padding-left: 1.09374rem;
        margin-top: 0;
    }
}
.rec-res__btn {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    display: inline-block;
    color: #424242;
    padding: 0.32812rem 0.54687rem;
    transition: background-color 0.3s;
}
@media (min-width: 48em) {
    .rec-res__btn {
        display: block;
    }
}
.rec-res__btn:hover {
    background-color: #424242;
    color: #fff;
}
.rec-res__download-tag {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.65625rem;
    line-height: 0.82031rem;
    color: #707070;
    display: block;
    margin-top: 0.16406rem;
    text-align: left;
}
@media (min-width: 48em) {
    .rec-res__download-tag {
        text-align: center;
    }
}
.rec-res__link {
    display: block;
    background-color: var(--white);
    border-radius: var(--inner-radius);
    margin-bottom: 0.54687rem;
    padding: 0.54687rem 1.09374rem;
    overflow: hidden;
    color: var(--black);
    transition: background-color 0.3s;
}
@media (min-width: 62em) {
    .rec-res__link {
        margin-bottom: 0.65625rem;
    }
}
.rec-res__link:hover {
    background-color: var(--pastel-color);
    color: var(--black);
}
.rec-res__link-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}
@media (min-width: 48em) {
    .rec-res__link-inner {
        flex-direction: row;
        align-items: center;
        height: auto;
    }
}
.rec-res__link-icon-holder {
    width: 1.80468rem;
    height: 1.80468rem;
    background-color: var(--pastel-color);
    border-radius: var(--inner-radius);
    position: relative;
    margin-bottom: 0.54687rem;
}
@media (min-width: 48em) {
    .rec-res__link-icon-holder {
        width: 3.0078rem;
        height: 3.0078rem;
        margin-bottom: 0;
    }
}
.rec-res__link-icon-svg {
    width: 1.20312rem;
    height: 1.20312rem;
    color: var(--theme-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.rec-res__link-content {
    flex: 1 1 auto;
    margin-bottom: 0.54687rem;
}
@media (min-width: 48em) {
    .rec-res__link-content {
        margin-bottom: 0;
        padding-left: 0.54687rem;
    }
}
.rec-res__link-tag {
    margin-bottom: 0;
    color: #ee2f75;
}
.rec-res__link-title {
    margin-bottom: 0;
}
.rec-res__arrow-svg {
    transform: rotate(180deg);
    width: 0.60156rem;
    height: 0.49219rem;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
.resource-hub-list {
    position: relative;
    min-height: 21.8749rem;
}
.resource-hub-list .resource-hub__spinner {
    position: absolute;
    top: 10.93745rem;
    left: 50%;
    transform: translateX(-50%);
}
.resource-hub-list .resource-hub__spinner img {
    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.resource-hub-list .search-filters {
    background-color: #f3f3f3;
    margin: 1.09374rem 0 0.54687rem;
    padding: 0.82031rem 1.09374rem;
    border-radius: 5px;
}
@media (min-width: 48em) {
    .resource-hub-list .search-filters {
        margin: 1.09374rem 0;
    }
}
.resource-hub-list .search-filters__inner {
    display: flex;
    flex-wrap: wrap;
}
.resource-hub-list .search-filters__title {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
    padding-right: 0.54687rem;
    flex: 1 0 100%;
}
@media (min-width: 48em) {
    .resource-hub-list .search-filters__title {
        flex: 0 0 auto;
    }
}
.resource-hub-list .search-filters__holder {
    display: block;
    margin-top: 0.54687rem;
}
@media (min-width: 48em) {
    .resource-hub-list .search-filters__holder {
        display: inline-block;
        margin-top: 0;
    }
}
.resource-hub-list .search-results__header {
    padding: 0.27344rem 0.54687rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
@media (min-width: 48em) {
    .resource-hub-list .search-results__header {
        padding: 1.09374rem 0.54687rem;
    }
}
.resource-hub-list .search-results__count {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
}
.resource-hub-list .search-results {
    margin: 0.54687rem 0 1.64062rem;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0.82031rem;
}
@media (min-width: 48em) {
    .resource-hub-list .search-results {
        grid-template-columns: repeat(24, 1fr);
    }
}
.resource-hub-list .search-result {
    padding: 0.54687rem;
    border: solid 1px #f3f3f3;
    margin-bottom: 0.54687rem;
    border-radius: 2px;
    grid-column: 1 / span 6;
}
.resource-hub-list .search-result:nth-child(even) {
    grid-column: 7 / span 6;
}
@media (min-width: 48em) {
    .resource-hub-list .search-result:nth-child(even) {
        grid-column: 1 / span 24;
    }
}
@media (min-width: 48em) {
    .resource-hub-list .search-result {
        padding: 1.09374rem 0.54687rem;
        border-radius: 5px;
        grid-column: 1 / span 24;
    }
}
.resource-hub-list .search-result__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}
@media (min-width: 48em) {
    .resource-hub-list .search-result__inner {
        flex-direction: row;
        align-items: center;
        height: auto;
    }
}
.resource-hub-list .search-result__icon-holder {
    padding-right: 1.09374rem;
    margin-bottom: 0.54687rem;
}
@media (min-width: 48em) {
    .resource-hub-list .search-result__icon-holder {
        margin-bottom: 0;
    }
}
.resource-hub-list .search-result__icon {
    width: 1.80468rem;
    height: 1.80468rem;
    background-color: #e4f0f8;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width: 48em) {
    .resource-hub-list .search-result__icon {
        width: 3.0078rem;
        height: 3.0078rem;
    }
}
.resource-hub-list .search-result__icon svg {
    color: #0a6db5;
    width: 0.875rem;
    height: 0.875rem;
}
@media (min-width: 48em) {
    .resource-hub-list .search-result__icon svg {
        width: 1.20312rem;
        height: 1.20312rem;
    }
}
.resource-hub-list .search-result__content-holder {
    flex: 1 1 auto;
}
.resource-hub-list .search-result__topic-name {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.65625rem;
    line-height: 0.82031rem;
    margin-bottom: 0.27344rem;
    color: #707070;
}
@media (min-width: 48em) {
    .resource-hub-list .search-result__topic-name {
        font-size: 0.76562rem;
        line-height: 0.92968rem;
        margin-bottom: 0;
    }
}
.resource-hub-list .search-result__content-name {
    letter-spacing: -0.05em;
    font-weight: 400;
    display: block;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    max-width: 21.8749rem;
    margin-bottom: 0.54687rem;
}
@media (min-width: 48em) {
    .resource-hub-list .search-result__content-name {
        font-size: 0.875rem;
        line-height: 1.03906rem;
        margin-bottom: 0;
    }
}
.resource-hub-list .search-result__link-holder {
    margin-top: 0.82031rem;
}
@media (min-width: 48em) {
    .resource-hub-list .search-result__link-holder {
        flex: 0 0 8.20309rem;
        padding-left: 1.09374rem;
        margin-top: 0;
    }
}
.resource-hub-list .search-result__link {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 0.92968rem;
    display: inline-block;
    color: #424242;
    padding: 0.32812rem 0.54687rem;
}
@media (min-width: 48em) {
    .resource-hub-list .search-result__link {
        display: block;
    }
}
.resource-hub-list .search-result__download-tag {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.65625rem;
    line-height: 0.82031rem;
    color: #707070;
    display: block;
    margin-top: 0.16406rem;
    text-align: center;
}
.resource-hub-list .page-select {
    display: flex;
}
.resource-hub-list .page-previous {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
    flex: 0 0 4.92185rem;
    cursor: not-allowed;
    color: #707070;
}
.resource-hub-list .page-previous svg {
    width: 0.38281rem;
    height: 0.21875rem;
    transform: rotate(90deg) translateX(-0.10937rem);
    color: #ee2f75;
    vertical-align: middle;
    margin-right: 0.27344rem;
}
.resource-hub-list .page-previous.is-active {
    color: #424242;
    cursor: pointer;
}
.resource-hub-list .page-next {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
    text-align: right;
    flex: 0 0 4.92185rem;
    cursor: not-allowed;
    color: #707070;
}
.resource-hub-list .page-next svg {
    width: 0.38281rem;
    height: 0.21875rem;
    transform: rotate(-90deg) translateX(0.10937rem);
    color: #ee2f75;
    vertical-align: middle;
    margin-left: 0.27344rem;
}
.resource-hub-list .page-next.is-active {
    color: #424242;
    cursor: pointer;
}
.resource-hub-list .page-select__pages {
    flex: 1 0 auto;
    text-align: center;
}
.resource-hub-list .page-select__pages .page {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.65625rem;
    line-height: 0.82031rem;
    color: #424242;
    margin: 0 0.16406rem;
    cursor: pointer;
}
.resource-hub-list .page-select__pages .page-selected {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.65625rem;
    line-height: 0.82031rem;
    color: #ee2f75;
    text-decoration: underline;
    margin: 0 0.16406rem;
}
.resource-hub-list .dropdown-title {
    cursor: pointer;
    background-color: white;
    margin: 0 0.54687rem;
}
.resource-hub-list .dropdown-option,
.resource-hub-list .dropdown-option-selected {
    cursor: pointer;
}
.search-result__label-holder {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 0.54687rem;
}
.search-result__label-tag {
    letter-spacing: -0.05em;
    font-weight: 700;
    display: block;
    font-size: 0.60156rem;
    line-height: 0.76562rem;
    background-color: var(--primary-blue);
    border-radius: var(--tiny-radius);
    color: #fff;
    position: relative;
    display: inline-block;
    padding: 0.16406rem 0.27344rem;
    margin-top: 0.27344rem;
    margin-right: 0.27344rem;
    width: 100%;
}
@media (min-width: 48em) {
    .search-result__label-tag {
        width: auto;
    }
}
.mp-navigation {
    display: flex;
    background: #fff;
    flex-direction: column;
    max-height: 100vh;
    transform: translate3d(0, -3.49998rem, 0);
    transition: transform ease-out 0.15s;
}
@media (min-width: 62em) {
    .mp-navigation {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        padding: 1.74999rem 0;
        transform: none;
        transition: none;
    }
}
.mp-navigation.is-active {
    transform: translate3d(0, -100%, 0);
}
.mp-navigation__header {
    display: none;
    align-items: center;
    flex-direction: row;
    font-size: 0.98437rem;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 1.20312rem;
    margin-bottom: 1.20312rem;
    padding-left: 0.875rem;
}
.mp-navigation__header > svg {
    display: block;
    color: var(--theme-color);
    flex: 0 0 2.18749rem;
    height: 2.18749rem;
    margin-right: 0.4375rem;
    transition: color ease 0.3s;
    width: 2.18749rem;
}
@media (min-width: 62em) {
    .mp-navigation__header {
        display: flex;
    }
}
.mp-navigation__snackbar {
    display: flex;
    align-items: center;
    border-top: 1px solid #e7e7e7;
    height: 3.49998rem;
    flex-direction: row;
    justify-content: space-between;
    padding: 1.14843rem 1.53124rem;
}
@media (min-width: 62em) {
    .mp-navigation__snackbar {
        display: none;
    }
}
.mp-navigation__snackbar-title {
    flex: 1 1 auto;
    font-size: 0.98437rem;
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1.20312rem;
    text-align: center;
}
.mp-navigation__snackbar-icon {
    display: block;
    color: var(--theme-color);
    flex: 0 0 1.09374rem;
    height: 1.09374rem;
    transition: color ease 0.3s;
    width: 1.09374rem;
    margin-right: 1.09374rem;
}
.mp-navigation__toggle {
    flex: 0 0 1.09374rem;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    outline-offset: 0.21875rem;
}
.mp-navigation__items {
    display: block;
    margin: 0;
    padding: 1.14843rem 0.65625rem;
    overflow-y: auto;
}
@media (min-width: 62em) {
    .mp-navigation__items {
        padding: 0;
    }
}
.mp-navigation__item {
    display: block;
    margin: 0 0 0.32812rem;
    padding: 0;
}
.mp-navigation__item.mp-navigation__item--active {
    border-radius: 5px 0 0 5px;
    background-color: var(--grey-pastel);
}
.mp-navigation__item.mp-navigation__item--active > .mp-navigation__link {
    font-weight: 700;
}
@media (min-width: 62em) {
    .mp-navigation__item.mp-navigation__item--active > .mp-navigation__link {
        /*border-right: 1px solid #707070;*/
    }
}
.mp-navigation__item.mp-navigation__item--active > ul {
    /*padding: 0.54687rem 0 0.27344rem 2.35155rem;*/
}
.mp-navigation__item.mp-navigation__item--active > ul svg {
    display: none;
}
.mp-navigation__link {
    display: flex;
    align-items: center;
    background: none;
    border: 0;
    color: #3c3c3c;
    cursor: pointer;
    flex-direction: row;
    font-size: 0.76562rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.2em;
    margin: 0;
    padding: 0.4375rem 0.875rem;
    text-decoration: none;
}
@media (min-width: 62em) {
    .mp-navigation__link {
        padding: 0.4375rem 0.875rem;
    }
}
.mp-navigation__link > svg {
    display: block;
    height: 1.09374rem;
    margin: 0 1.20312rem 0 0;
    object-fit: contain;
    object-position: center center;
    transition: color ease 0.3s;
    width: 1.09374rem;
}
.mp-navigation__link:focus > span,
.mp-navigation__link:hover > span {
    text-decoration: underline;
}
.mp-navigation__item--active .mp-navigation__link > svg {
    color: var(--theme-color);
}
body:after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: rgba(66, 66, 66, 0.8);
    opacity: 0;
    pointer-events: none;
    transition: opacity ease-out 0.15s;
    z-index: 2;
}
body.is-dimmed:after {
    opacity: 1;
    pointer-events: all;
}
.burger {
    --burger-height: 1.20312rem;
    --burger-width: 1.42187rem;
    display: block;
    position: relative;
    right: 0;
    width: var(--burger-width);
    height: var(--burger-height);
    cursor: pointer;
}
.burger .burger-line {
    position: absolute;
    width: 100%;
    height: 0.10937rem;
    border-radius: 2px;
    animation-direction: normal;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    transform-origin: center center;
    background-color: #424242;
}
.burger .burger-line--top {
    top: 0;
    animation-name: burger-line-1-r;
}
.is-active .burger .burger-line--top {
    animation-name: burger-line-1-f;
}
.burger .burger-line--middle {
    top: 50%;
    transform: translateY(-50%);
    animation-name: burger-line-2-r;
}
.is-active .burger .burger-line--middle {
    animation-name: burger-line-2-f;
}
.burger .burger-line--bottom {
    bottom: 0;
    right: 0;
    animation-name: burger-line-3-r;
}
.is-active .burger .burger-line--bottom {
    width: 100%;
    animation-name: burger-line-3-f;
}
@keyframes burger-line-1-f {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(calc(var(--burger-height) / 2)) translateY(-50%);
    }
    100% {
        transform: translateY(calc(var(--burger-height) / 2)) translateY(-50%) rotate(45deg);
    }
}
@keyframes burger-line-2-f {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes burger-line-3-f {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(calc(var(--burger-height) / 2 * -1)) translateY(50%);
    }
    100% {
        transform: translateY(calc(var(--burger-height) / 2 * -1)) translateY(50%) rotate(-45deg);
    }
}
@keyframes burger-line-1-r {
    0% {
        transform: translateY(calc(var(--burger-height) / 2)) translateY(-50%) rotate(45deg);
    }
    50% {
        transform: translateY(calc(var(--burger-height) / 2)) translateY(-50%);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes burger-line-2-r {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes burger-line-3-r {
    0% {
        transform: translateY(calc(var(--burger-height) / 2 * -1)) translateY(50%) rotate(-45deg);
    }
    50% {
        transform: translateY(calc(var(--burger-height) / 2 * -1)) translateY(50%);
    }
    100% {
        transform: translateY(0);
    }
}
.mp-simple-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--pastel-color);
    border-radius: 10px;
    overflow: hidden;
    text-align: left;
}
@media (min-width: 48em) {
    .mp-simple-banner {
        display: grid;
        gap: 1.74999rem;
        grid-template-columns: repeat(9, 1fr);
    }
}
.mp-simple-banner__content-column {
    position: relative;
    border: 1px solid var(--theme-color);
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    grid-column: 1 / span 4;
    padding: 2.62499rem 1.31249rem 1.64062rem 2.18749rem;
    z-index: 2;
}
@media (min-width: 48em) {
    .mp-simple-banner__content-column {
        border: 1px solid var(--theme-color);
        border-right: 0;
        border-radius: 10px 0 0 10px;
        grid-column: 1 / span 4;
    }
}
.mp-simple-banner__media-column {
    grid-column: 5 / span 5;
    margin-left: -1.74999rem;
}
@media (min-width: 48em) {
    .mp-simple-banner__media-column {
        grid-column: 5 / span 5;
        margin-left: -1.74999rem;
    }
}
.mp-simple-banner__stroke {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--theme-color);
    opacity: 0.3;
    transform: translate3d(-6.56247rem, -2.73436rem, 0);
    z-index: 1;
}
.mp-layout .mp-simple-banner__title {
    font-size: 1.74999rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 2.18749rem;
    margin-bottom: 0.4375rem;
}
.mp-layout .mp-simple-banner__content {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.09374rem;
    margin-bottom: 0.4375rem;
}
.mp-simple-banner__media {
    display: block;
    border-radius: 0 0 10px 10px;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
@media (min-width: 48em) {
    .mp-simple-banner__media {
        border-radius: 0 10px 10px 0;
    }
}
.mp-social-link-list {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    text-align: left;
}
@media (min-width: 48em) {
    .mp-social-link-list {
        display: grid;
        gap: 1.74999rem;
        grid-template-columns: repeat(9, 1fr);
    }
}
.mp-social-link-list__content-column {
    margin-bottom: 0.65625rem;
}
@media (min-width: 48em) {
    .mp-social-link-list__content-column {
        grid-column: 1 / span 3;
        margin-bottom: 0;
    }
}
.mp-social-link-list__links-column {
    display: grid;
    gap: 0.65625rem 1.74999rem;
    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 48em) {
    .mp-social-link-list__links-column {
        grid-column: 4 / span 6;
    }
}
.mp-social-link-list__title-container {
    display: flex;
    flex-direction: column-reverse;
}
.mp-layout .mp-social-link-list__title {
    color: var(--default-color);
    font-size: 1.42187rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.74999rem;
    margin-bottom: 0;
}
.mp-layout .mp-social-link-list__subtitle {
    color: var(--theme-color);
    font-size: 0.76562rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 0.92968rem;
    margin-bottom: 0.27344rem;
}
.mp-social-link-list__link {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 5px;
    color: #fff;
    flex-direction: row;
    font-size: 0.76562rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 0.92968rem;
    padding: 0.875rem 1.31249rem 0.875rem 3.17186rem;
    text-decoration: none;
    transition: filter ease-out 0.3s;
}
.mp-social-link-list__link:focus,
.mp-social-link-list__link:hover {
    filter: brightness(0.9);
    color: #fff;
    text-decoration: underline;
}
.mp-social-link-list__link:focus .mp-social-link-list__link-arrow,
.mp-social-link-list__link:hover .mp-social-link-list__link-arrow {
    transform: translate3d(0.54687rem, 0, 0);
}
.mp-social-link-list__link-icon {
    position: absolute;
    left: 0.76562rem;
    top: 50%;
    display: block;
    margin-right: 0.54687rem;
    transform: translate3d(0, -50%, 0);
}
.mp-social-link-list__link-arrow {
    display: block;
    margin-left: auto;
    transition: transform ease-out 0.3s;
}
.mp-social-link-list__link.facebook {
    background: #1777f2;
}
.mp-social-link-list__link.twitter {
    background: #1da1f2;
}
.mp-social-link-list__link.instagram {
    background: linear-gradient(70deg, #f9ed32 0%, #ee2a7b 36%, #d22a8a 44%, #8b2ab2 60%, #1b2af0 83%, #002aff 88%, #002aff 100%);
    background-size: 130%;
}
.mp-social-link-list__link.youtube {
    background: #ed1f24;
}
.mp-social-link-list__link.pinterest {
    background: #e71d27;
}
.mp-social-link-list__link.linkedin {
    background: #007fb5;
}
.sort-dropdown {
    justify-self: end;
}
.sort-dropdown__name {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
    display: inline-block;
    margin-right: 0.27344rem;
}
.sort-dropdown__sort-options {
    position: relative;
    display: inline-block;
}
.sort-dropdown__option-btn {
    letter-spacing: -0.05em;
    font-weight: 700;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
    cursor: pointer;
}
.sort-dropdown__option-btn.is-active svg {
    transform: rotate(-180deg);
}
.sort-dropdown__option-btn svg {
    transition: transform 0.3s;
    color: #ee2f75;
    width: 0.38281rem;
    height: 0.21875rem;
    vertical-align: middle;
    margin-left: 0.27344rem;
}
.sort-dropdown__options {
    position: absolute;
    right: 0;
    display: none;
    background-color: #f3f3f3;
    box-shadow: 0.05469rem 0.05469rem 0.27344rem 0 rgba(0, 0, 0, 0.5);
    padding: 0.27344rem;
    border-radius: 5px;
}
.sort-dropdown__options-open {
    display: block;
}
.sort-dropdown__option,
.sort-dropdown__option-selected {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
    background-color: #fff;
    padding: 0.27344rem 0.4375rem;
    border-radius: 2px;
    margin-bottom: 0.27344rem;
    min-width: 5.46872rem;
    cursor: pointer;
}
.sort-dropdown__option:last-child,
.sort-dropdown__option-selected:last-child {
    margin-bottom: 0;
}
.sort-dropdown__option:hover,
.sort-dropdown__option-selected:hover {
    background-color: #0a6db5;
    color: #fff;
}
:root {
    --theme-color: var(--primary-pink);
    --default-color: var(--black);
    --contrast-color: var(--white);
    --swipe-color: var(--primary-pink);
    --pastel-color: var(--pink-pastel);
}
.blue {
    --theme-color: var(--primary-blue);
    --default-color: var(--black);
    --contrast-color: var(--white);
    --swipe-color: var(--primary-blue);
    --pastel-color: var(--blue-pastel);
}
.green {
    --theme-color: var(--primary-green);
    --default-color: var(--black);
    --contrast-color: var(--white);
    --swipe-color: var(--primary-green);
    --pastel-color: var(--green-pastel);
}
.pink {
    --theme-color: var(--primary-pink);
    --default-color: var(--black);
    --contrast-color: var(--white);
    --swipe-color: var(--primary-pink);
    --pastel-color: var(--pink-pastel);
}
.theme-blue {
    --theme-color: var(--primary-blue);
    --default-color: var(--black);
    --contrast-color: var(--white);
    --swipe-color: var(--primary-blue);
    --pastel-color: var(--blue-pastel);
}
.theme-green {
    --theme-color: var(--primary-green);
    --default-color: var(--black);
    --contrast-color: var(--white);
    --swipe-color: var(--primary-green);
    --pastel-color: var(--green-pastel);
}
.theme-pink {
    --theme-color: var(--primary-pink);
    --default-color: var(--black);
    --contrast-color: var(--white);
    --swipe-color: var(--primary-pink);
    --pastel-color: var(--pink-pastel);
}
.theme-purple {
    --theme-color: var(--primary-purple);
    --default-color: var(--black);
    --contrast-color: var(--white);
    --swipe-color: var(--primary-purple);
    --pastel-color: var(--purple-pastel);
}
.theme-yellow {
    --theme-color: var(--primary-yellow);
    --default-color: var(--black);
    --contrast-color: var(--white);
    --swipe-color: var(--primary-yellow);
    --pastel-color: var(--yellow-pastel);
}
.theme-default .mp-btn {
    border: 1px solid #424242;
}
.theme-default .mp-btn--primary:hover .mp-btn__text {
    background-color: #fff;
    color: #424242;
}
.theme-default .mp-btn--primary .mp-btn__text {
    background-color: #424242;
    color: #fff;
}
.theme-default .mp-btn--secondary {
    border-color: #ee2f75;
}
.theme-default .mp-btn--secondary:hover .mp-btn__text {
    background-color: #ee2f75;
    color: #fff;
}
.theme-default .mp-btn--secondary .mp-btn__text {
    background-color: #fff;
    color: #ee2f75;
}
.theme-default .mp-btn--icon {
    background-color: #fff;
    border: 1px solid #fff;
}
.theme-default .mp-btn--icon:hover {
    border: 1px solid #ee2f75;
}
.theme-default .mp-btn--icon:hover .mp-btn__icon-arrow {
    stroke: #ee2f75;
}
.theme-default .mp-btn--icon .mp-btn__icon {
    stroke: #ee2f75;
}
.theme-default .mp-btn--icon .mp-btn__icon-arrow {
    stroke: #424242;
}
.themed-cards {
    display: grid;
    gap: 1.74999rem;
    grid-template-columns: repeat(3, 1fr);
    /*border: 10px solid blue;*/
    }
    .themed-cards--four {
        grid-template-columns: repeat(3, 1fr);
    }
@media (max-width: 800px) {
    .themed-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 640px) {
    .themed-cards {
        grid-template-columns: 1fr;
        /*display: block;*/
    }
}
.themed-cards card { height: 100%; }

.mp-layout h1,
.mp-layout h2,
.mp-layout h3,
.mp-layout h4,
.mp-layout h5,
.mp-layout h6 {
    color: #424242;
}
.mp-layout h1 {
    letter-spacing: -0.02em;
    font-weight: 700;
    font-family: "Verdana", sans-serif;
    font-size: 2.46093rem;
    line-height: 2.73436rem;
}
.mp-layout h2 {
    letter-spacing: -0.02em;
    font-weight: 400;
    font-family: "Verdana", sans-serif;
    font-size: 1.74999rem;
    line-height: 2.18749rem;
}
@media (max-width: 47.9275em) {
    .mp-layout h2 {
        font-size: 1.31249rem;
        line-height: 1.53124rem;
    }
}
.mp-layout h3 {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-family: "Verdana", sans-serif;
    font-size: 1.20312rem;
    line-height: 1.47656rem;
}
.mp-layout p {
    letter-spacing: -0.05em;
    font-weight: 400;
    font-family: "Verdana", sans-serif;
    font-size: 0.76562rem;
    line-height: 1.09374rem;
}
.mp-layout p.font-large {
    font-size: 0.875rem;
    line-height: 1.09374rem;
}
@media (max-width: 47.9275em) {
    .mp-layout p.font-large {
        font-size: 0.76562rem;
        line-height: 1.09374rem;
    }
}
.mp-layout .font-bold {
    font-weight: 700;
}
.mp-layout .cat-card__title {
    letter-spacing: -0.02em;
    font-weight: 400;
    font-family: "Verdana", sans-serif;
    font-size: 1.42187rem;
    line-height: 1.64062rem;
}
.mp-layout .tag-text {
    letter-spacing: 0.05em;
    font-weight: 700;
    font-family: "Verdana", sans-serif;
    font-size: 0.54687rem;
    line-height: 0.82031rem;
    text-transform: uppercase;
}
.brand-colours__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.brand-colours__item {
    width: 5.46872rem;
    height: 5.46872rem;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 1.09374rem;
    margin-right: 1.09374rem;
    padding: 1.09374rem 0.54687rem;
}
.brand-colours__item--pink {
    background-color: #ee2f75;
    color: #fff;
}
.brand-colours__item--pink-pastel {
    background-color: #fee9f1;
    color: #424242;
}
.brand-colours__item--blue {
    background-color: #0a6db5;
    color: #fff;
}
.brand-colours__item--blue-pastel {
    background-color: #e4f0f8;
    color: #424242;
}
.brand-colours__item--yellow {
    background-color: #fdb916;
    color: #fff;
}
.brand-colours__item--yellow-pastel {
    background-color: #fff8e7;
    color: #424242;
}
.brand-colours__item--purple {
    background-color: #b71f8a;
    color: #fff;
}
.brand-colours__item--purple-pastel {
    background-color: #f8e8f3;
    color: #424242;
}
.brand-colours__item--green {
    background-color: #8dc740;
    color: #fff;
}
.brand-colours__item--green-pastel {
    background-color: #f3f9eb;
    color: #424242;
}
.brand-colours__item--grey {
    background-color: #707070;
    color: #fff;
}
.brand-colours__item--grey-pastel {
    background-color: #f3f3f3;
    color: #424242;
}
.brand-colours__item--black {
    background-color: #424242;
    color: #fff;
}
.brand-colours__item--white {
    background-color: #fff;
    border: 1px solid #424242;
    color: #424242;
}
.background-examples__box {
    position: relative;
    display: block;
    margin-bottom: 1.09374rem;
    width: 27.34362rem;
    height: 10.93745rem;
    border: 1px solid #424242;
    border-radius: 10px;
    background-color: #f3f3f3;
}
.background-examples svg {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.3;
}

/*# sourceMappingURL=main-652a29367b3cd61c4a67.css.map*/